UseEffect вообще не работает при переходе на страницу с помощью React Router

App.js:

import React, { Fragment } from "react";
import Header from "./components/Header";
import PostList from "./components/PostList";
import Post from "./components/Post";
import TagList from "./components/TagList";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

const App = () => {
  return (
    <Fragment>
      <Router>
        <Header />

        <Switch>
          <Route exact path = "/" component = {PostList} />
          <Route path = "/tags" component = {TagList} />
          <Route path = "/posts/:id" component = {Post} />
        </Switch>
      </Router>
    </Fragment>
  );
};

export default App;

Post.js:

import React, { useEffect, useState } from "react";
import Tag from "./Tag";
import { useParams } from "react-router-dom";
import axios from "axios";

const Post = () => {
  const { id } = useParams();
  const [post, setPost] = useState({});

  useEffect(() => {
    const fetchPost = async () => {
      try {
        const res = await axios.get(`/api/posts/${id}`);

        setPost(res.data);
      } catch (err) {
        console.error(err);
      }
    };
    fetchPost();
  }, []);

  return (
    <div>
      <h2>{post.title}</h2>
      <p>{post.text}</p>
      <div>
        {post.tags.map((tag) => (
          <Tag key = {tag._id} tag = {tag} />
        ))}
      </div>
    </div>
  );
};

export default Post;

Я пытаюсь запустить скелет простого сайта блога, но у меня проблемы с компонентом Post. При переходе к определенному сообщению с маршрутом «/posts/:id» useEffect, который должен получить сообщение из моего API, похоже, не запускается, и неизбежно я получаю ошибку «post.tags is undefined». Все остальное работает правильно — API отвечает на запросы от Postman, как и ожидалось, а «useParams» отлично извлекает идентификатор сообщения из URL-адреса — просто useEffect вообще не работает (console.infos тоже не отображается).

У меня не было проблем с этим в предыдущих проектах - на самом деле useEffect в компоненте TagList практически идентичен, а маршрут /tags работает так, как ожидалось, поэтому я не уверен, что я упускаю?