JSON isn't parsed :(

(Express) server.js

const app = require('express')()

app.use(require('cors')())

app.get('/verycoolguy/posts/1', (req,res) => {
    res.sendFile(__dirname + '/post.json')
})

app.listen(4000)

(React) index.js

import React, { Component } from 'react'
import axios from 'axios'
import ReactMarkdown from 'react-markdown'

export default class Post extends Component {
    constructor () {
        super()
        this.state = {}
    }
    componentDidMount(){
        axios.get('http://localhost:4000/verycoolguy/posts/1')
        .then(res => this.setState({
            content: res.data.content,
            likes: res.data.likes,
            comments: JSON.stringify(res.data.comments)
        }))
    }
    render = () => (
        <div>
            <ReactMarkdown source={this.state.content}/>
            <span>Likes: {this.state.likes}</span>
            <div className="comments">
            {JSON.parse(this.state.comments)}
            </div>
        </div>
    )
}

post.json

{
    "content": "**bold**",
    "likes": "30",
    "comments": {
        "supadupauser": {
            "content": "md rocks",
            "likes": "10",
            "branch": "origin"
        },
        "anothercooluser": {
            "content": "md sucks",
            "likes": "0",
            "branch": "supadupauser"
        }
    }
}