How do I include codeblocks in Storybook v8 MDX files?

[IPWright83]

Summary

I've tried to update Storybook from v7 to v8 and now all of my MDX files are broken triggering an error like so:

Failed to fetch dynamically imported module: http://localhost:6006/src/lib/components/Plots/Area/Area.mdx?t=1731436627868

I've isolated the problem to having any sort of code block in my MDX files. If I strip it back to just H1 tags etc it works. How would I go about fixing this/including codeblocks?

Additional information

Here's an example MDX file demonstrating the issue:

import { Canvas, Meta } from '@storybook/blocks';

<Meta title="XYCharts/Area" />

# Area Plots

There are two different Area based components, these include:


`<Area>`

You can see the repo I'm having this problem in here:
https://github.com/IPWright83/chart-io/tree/update-storybook/packages/react

Specifically in the Area.mdx file

Create a reproduction

https://github.com/IPWright83/chart-io/tree/update-storybook/packages/react