How to get this working with TS and MUI?

[georgiosd]

Any ideas?

I keep getting the Error: Hydration failed because the initial UI does not match what was rendered on the server.

Latest NextJS and MUI based on the example

[georgiosd]

For anyone who comes across this, the solution was to dynamically import the component that uses a chart:

const CashflowChart = dynamic(import('components/CashflowChart'), { ssr: false })

And, another gotcha - the chart needs its container to have a set height, or use the ResizableBox from the example sandbox.