I am having issues rendering any sort of react component inside a Grid column.

Here is some example code:

<Column
text="Title"
dataIndex="itemName"
renderer={(value, record) => (
<Container>
<h1>{record.get('itemName')}</h1>
<h3> {record.get('portfolioName')}</h3>
</Container>
 )}
/>



And Container is not recognised by the browser as a component. I keep getting this error:

This is the console error:

backend.js:1 Warning: <Container /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.

And this is the case for every react component I try to use. It is assuming they are all standard dom components so I can't render graphs, Containers, or custom react components in cells.

Is this a bug or am I missing a step?