title: cannot load component in react/redux
body: <p>when i go to
  /posts/:id i should load the PostItem component from the Post component.My instructor in Udemy course has no such problem</p>
  
  <p>Post.js</p>
  
  <pre><code>const Post = ({getPost,post:{post,loading},match}) =&gt; {
  useEffect(()=&gt;{
      getPost(match.params.id)
  },[getPost])
  
  return (loading ||post===null ? &lt;Spinner/&gt;:( &lt;Fragment&gt;
  &lt;PostItem post={post} showActions={false}/&gt;
  &lt;/Fragment&gt;)
  )
  }
  </code></pre>
  
  <p>howwever I get this error
  <a href="https://i.stack.imgur.com/8ObrZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8ObrZ.png" alt="enter image description here"></a></p>
  
  <p>the problem is that when i replace PostItem with anything else like test ,everything is working fine all the actions and working</p>
  
  <p>Also the PostItem is used for loading another component so dont know whats causing the problem</p>