diff --git a/src/components/MDX/Sandpack/Preview.tsx b/src/components/MDX/Sandpack/Preview.tsx index ead9341b6e3..38a6fc03171 100644 --- a/src/components/MDX/Sandpack/Preview.tsx +++ b/src/components/MDX/Sandpack/Preview.tsx @@ -99,10 +99,13 @@ export function Preview({ useEffect(function createBundler() { const iframeElement = iframeRef.current!; - registerBundler(iframeElement, clientId); - + if (!iframeElement.dataset.registered) { + registerBundler(iframeElement, clientId); + iframeElement.dataset.registered = 'true'; + } return () => { unregisterBundler(clientId); + iframeElement.dataset.registered = ''; }; }, []);