Embedding in react, issue with fileattachments/babel

[radames]

hi @mbrownshoes if you’re using create-react-app you might want to look at this thread

Zoomable Sunburst d3 chart with react

Here’s a working demo you can check out: The main wrinkle here is that create-react-app doesn’t support the standard import.meta syntax, and you can’t add the necessary Babel plugin to support it without ejecting. So, the easiest thing to do is to edit the file attachments map to use an absolute path rather than a relative path, avoiding import.meta. I imagine create-react-app will support import.meta at some point in the future, and this’ll be easier.

and see Mike’s example here GitHub - observablehq/react-zoomable-sunburst: create-react-app + observablehq

you could also use their react example using rollup to bundle it

This Rollup configuration supports file attachments, whereas many React environments (like the one you get from create-react-app ) stumble on file attachments’ use of import.meta.