title: TypeScript Error: Type 'type' is not assignable to type 'IntrinsicAttributes & 'type' & { children?: ReactNode; }'. How to fix it?
body: <p>I am doing a small home project to improve my skills in TS.
  Getting data from server, everything is good, posts started to be displayed without errors, but then I decided to put the code with the map in a separate component and ts immediately gave me an error:</p>
  <pre><code>Type '{ posts: IPost[]; }' is not assignable to type 'IntrinsicAttributes &amp; IPost[] &amp; { children?: ReactNode; }'.
  Property 'posts' does not exist on type 'IntrinsicAttributes &amp; IPost[] &amp; { children?: ReactNode; }'.
  </code></pre>
  <p>Main.tsx</p>
  <pre><code>export const Main: FC = () =&gt; {
    const [posts, setPosts] = useState&lt;IPost[]&gt;([]);
  
    useEffect(() =&gt; {
      try {
        const fetchPost = async () =&gt; {
          const res = await axios.get('/posts');
          setPosts(res.data);
        };
        fetchPost();
      } catch (error) {
        console.log(error);
      }
    }, []);
  
    return (
      &lt;&gt;
        &lt;div className='main-container'&gt;
          &lt;NewPosts /&gt;
          &lt;PostSort /&gt;
          &lt;Posts posts={posts} /&gt;
        &lt;/div&gt;
      &lt;/&gt;
    );
  };
  </code></pre>
  <p>Posts.tsx</p>
  <pre><code>export const Posts: FC&lt;IPost[]&gt; = ({posts}) =&gt; {
    return (
      &lt;div className='post-container'&gt;
        {posts.map((post) =&gt; (
          &lt;Post key={post._id} post={post} /&gt;
        ))}
      &lt;/div&gt;
    );
  };
  </code></pre>