title: Uncaught TypeError: Cannot read properties of null (reading 'useState')
body: <p>In the module federation remote and host app configs attached below and its a react typescript applications.</p>
  <p>A simple button component is used in the host app, able to see the component with default props but when I use the custom created <strong>recharts</strong> component not able to read the passed props in remote app but if we log the props it shows the data.</p>
  <p>Remote</p>
  <p><a href="https://i.stack.imgur.com/Bp0Mi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bp0Mi.png" alt="enter image description here" /></a></p>
  <p>Host</p>
  <p><a href="https://i.stack.imgur.com/nNfKN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nNfKN.png" alt="enter image description here" /></a></p>
  <p>Host App.tsx</p>
  <p>Marked properties are optional, in button component i'm able to read and use the props key value but not able to use the props key value in BarChart component.
  <a href="https://i.stack.imgur.com/pKmcx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pKmcx.png" alt="enter image description here" /></a></p>
  <p>ERROR i'm getting</p>
  <p><a href="https://i.stack.imgur.com/zIq3J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zIq3J.png" alt="enter image description here" /></a></p>
  <p>Any suggestion or solutions please do reply.</p>