TypeScript выводит ошибку: Тип не может быть назначен для типа "IntrinsicAttributes & «» & { children?: ReactNode; }", как это исправить?

Question

[Дмитрий Самойлов]

Здравствуйте, делаю небольшой пет проект, чтобы улучшить навыки в TS.
Я получаю данные с сервера, вроде бы смог их нормально типизировать, посты начали выводиться без ошибок, но потом я решил код с перебором вынести в отдельный компонент, а ts сразу выдал ошибку:

Тип "{ posts: IPost[]; }" не может быть назначен для типа "IntrinsicAttributes & IPost & { children?: ReactNode; }".
  Свойство "posts" не существует в типе "IntrinsicAttributes & IPost & { children?: ReactNode; }"

Ошибка на компоненте Posts с пропсом posts={posts}:
Main.ts

export const Main: FC= () => {
  const [posts, setPosts] = useState<IPost[]>([]);

  useEffect(() => {
    try {
      const fetchPost = async () => {
        const res = await axios.get('/posts');
        setPosts(res.data);
      };
      fetchPost();
    } catch (error) {
      console.log(error);
    }
  }, []);

  return (
    <>
      <div className='main-container'>
        <NewPosts />
        <PostSort />
        <Posts posts={posts} />
      </div>
    </>
  );
};

Posts.tsx

export const Posts: FC<IPost> = ({ posts }) => {
  return (
    <div className='post-container'>
      {posts.map((post) => (
        <Post key={post._id} post={post} />
      ))}
    </div>
  );
};

Comments

[WbICHA]

В ошибке всё написано.

[Дмитрий Самойлов]

WbICHA, Ага, уже разобрался, оказывается неправильно назначил тип. Я еще не так силен в ts, описание ошибок помогает зачастую, но тут я не понял, что от меня хотел ts

[Дмитрий Воробьев]

Дмитрий Самойлов, Если разобрался, пиши ответ в чем была проблема. Таким образом ты помогаешь другим быстрее находить ответ на аналогичную ошибку