Objects are not valid as a React child.

با سلام 

من در حین تماشای ویدئو کدهای استاد رو هم خودم میزدم که در آخر به این خطا برخورد کردم

Error: Objects are not valid as a React child (found: object with keys {post}). If you meant to render a collection of children, use an array instead.

مشکل از کجایه کاره ؟

ممنونم

import React, { useState } from "react";
import Loading from "./components/Loading";
import Toast from "./components/Toast";
import "react-toastify/dist/ReactToastify.css";
import { useEffect } from "react";

export default function App() {
  const [toast, setToast] = useState({ type: "info", message: "Information" });
  const [post, setpost] = useState("");
  const [postId, setpostId] = useState(1);
  const [load, setLoad] = useState(true);

  useEffect(() => {
    fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`)
      .then((response) => response.json())
      .then((post) => {
        setpost(post.title);
        setLoad(false); // ???????
      });
  }, [postId]);

  function handleClick(e) {
    setpostId(e.target.value);
    setLoad(true);
  }

  return (
    <>
    <div>
    <div>
        <input value={postId} onChange={handleClick}></input>
      </div>
      <div>{load ? <Loading /> : { post }}</div>

      <Toast type={toast.type} message={toast.message} />
    </div>
     
    </>
  );
}