Почему вместо json undefined?

Question

[Speakermen]

Доброго времени суток. При получении json undefined когда хочу обратится к свойству posts.count видно что nodemon при обновлении страницы на какое то время появляется в console вывод этого свойства при перезагрузке undefined

import axios from "axios";
import { useEffect, useState } from "react";
import Post from './Post';
import "./posts.css";

axios.defaults.baseURL = "http://localhost:5000";
//axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
//axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';

export default function Posts() {
  const [posts, setPosts] = useState();

  useEffect(() => {
    /*const apiUrl = "/api/posts";

    axios.get(apiUrl).then((res) => {
      const posts = res.data;
      setPosts(posts);
    });*/

    const posts = async () => {
      const res = await fetch("http://localhost:5000/api/posts");
      const data = await res.json();

      setPosts(data)
    };

    posts();
  }, []);

  console.log(posts.count);

  return (
    <div className="container">
      
    </div>
  );
}

{
    "success": true,
    "count": 2,
    "data": [
        {
            "likes": 0,
            "comments": 0,
            "shares": 0,
            "_id": "60fcbd7331a77c28a8ba6936",
            "title": "My Perfect Vacations in South America and Europe",
            "text": "Lorem ipsum dolor sit amet, consectadipisicing elit, sed do eiusmod por incidid ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud lorem exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis en aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt...  ",
            "__v": 0
        },
        {
            "likes": 0,
            "comments": 0,
            "shares": 0,
            "_id": "60fcbd8831a77c28a8ba6938",
            "title": "Advices for Backpacking",
            "text": "Lorem ipsum dolor sit amet, consectadipisicing elit, sed do eiusmod por incidid ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud lorem exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis en aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciun Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem...",
            "__v": 0
        }
    ]
}

Comments

[Speakermen]

Может на сервере баг?

const express = require("express");
const run = require("./config/database");
const dotenv = require("dotenv");

dotenv.config({ path: "./config/config.env" });

const app = express();
app.use(express.json());
app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "http://localhost:3000"); // update to match the domain you will make the request from
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

const posts = require("./routes/posts");
app.use("/api/posts", posts);

app.get('/', (req, res) => {
  res.send('Hello World!')
})

run();

const PORT = process.env.PORT || 5000;

const server = app.listen(
  PORT,
  console.log(`Example app listening at http://localhost:${PORT}`)
);

process.on("unhandledrejection", (err, promise) => {
  console.log(`Error ${err.message}`);

  server.close(() => process.exit(1));
});

const Posts = require("../models/Posts");

exports.index = async (req, res, next) => {
  try {
    const posts = await Posts.find();

    res.status(200).json({ success: true, count: posts.length, data: posts });
  } catch (err) {
    res.status(400).json({ success: false });
  }
};

exports.show = async (req, res, next) => {
  try {
    const posts = await Posts.findById(req.params.id);

    if (!posts) {
      res.status(400).json({ success: false });
    }

    res.status(200).json({ success: true, data: posts });
  } catch (err) {
    res.status(400).json({ success: false });
  }
};

exports.create = async (req, res, next) => {
  try {
    const posts = await Posts.create(req.body);

    res.status(200).json({ success: true, data: posts });
  } catch (err) {
    res.status(400).json({ success: false });
  }
};

exports.update = async (req, res, next) => {
  try {
    const posts = await Posts.findByIdAndUpdate(req.params.id, req.body, {
      new: true,
      runValidators: true,
    });

    if (!posts) {
      res.status(400).json({ success: false });
    }

    res.status(200).json({ success: true, data: posts });
  } catch (err) {
    res.status(400).json({ success: false });
  }
};

exports.destroy = async (req, res, next) => {
  try {
    const posts = await Posts.findByIdAndDelete(req.params.id);

    if (!posts) {
      res.status(400).json({ success: false });
    }

    res.status(200).json({ success: true, data: {} });
  } catch (err) {
    res.status(400).json({ success: false });
  }
};