PATCH: extend renderers/web-components/renderToCanvas to not render hydratable elements, hydration will performed by client script in preview.ts

Author: maur-o

code/renderers/web-components/src/render.ts

@@ -33,6 +33,10 @@ export function renderToCanvas(
   { storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<WebComponentsRenderer>,
   canvasElement: WebComponentsRenderer['canvasElement']
 ) {
+  if (canvasElement.firstElementChild?.hasAttribute('hydratable')) {
+    showMain();
+    return;
+  }
   const element = storyFn();
 
   showMain();