Core: Renderer refactor

app/react/src/typings.d.ts

@@ -4,41 +4,43 @@ declare module 'global';
 // TODO: Replace, as soon as @types/react-dom 17.0.14 is used
 // Source: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/fb0f14b7a35cde26ffaa82e7536c062e593e9ae6/types/react-dom/client.d.ts
 declare module 'react-dom/client' {
-
-import React = require('react');
+  import React = require('react');
   export interface HydrationOptions {
-      onHydrated?(suspenseInstance: Comment): void;
-      onDeleted?(suspenseInstance: Comment): void;
-      /**
-       * Prefix for `useId`.
-       */
-      identifierPrefix?: string;
-      onRecoverableError?: (error: unknown) => void;
+    onHydrated?(suspenseInstance: Comment): void;
+    onDeleted?(suspenseInstance: Comment): void;
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
   }
 
   export interface RootOptions {
-      /**
-       * Prefix for `useId`.
-       */
-      identifierPrefix?: string;
-      onRecoverableError?: (error: unknown) => void;
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
   }
 
   export interface Root {
-      render(children: React.ReactChild | Iterable<React.ReactNode>): void;
-      unmount(): void;
+    render(children: React.ReactChild | Iterable<React.ReactNode>): void;
+    unmount(): void;
   }
 
   /**
    * Replaces `ReactDOM.render` when the `.render` method is called and enables Concurrent Mode.
    *
    * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot
    */
-  export function createRoot(container: Element | Document | DocumentFragment | Comment, options?: RootOptions): Root;
+  export function createRoot(
+    container: Element | Document | DocumentFragment | Comment,
+    options?: RootOptions
+  ): Root;
 
   export function hydrateRoot(
-      container: Element | Document | DocumentFragment | Comment,
-      initialChildren: React.ReactChild | Iterable<React.ReactNode>,
-      options?: HydrationOptions,
+    container: Element | Document | DocumentFragment | Comment,
+    initialChildren: React.ReactChild | Iterable<React.ReactNode>,
+    options?: HydrationOptions
   ): Root;
 }

examples/web-components-kitchen-sink/yarn.lock

@@ -3398,14 +3398,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/renderer-web-components@portal:../../renderers/web-components::locator=web-components-kitchen-sink%40workspace%3A."
   dependencies:
-    "@storybook/addons": 6.5.0-alpha.63
-    "@storybook/api": 6.5.0-alpha.63
-    "@storybook/client-logger": 6.5.0-alpha.63
-    "@storybook/core-client": 6.5.0-alpha.63
+    "@storybook/addons": 6.5.0-beta.0
+    "@storybook/api": 6.5.0-beta.0
+    "@storybook/client-logger": 6.5.0-beta.0
+    "@storybook/core-client": 6.5.0-beta.0
     "@storybook/csf": 0.0.2--canary.7c6c115.0
-    "@storybook/docs-tools": 6.5.0-alpha.63
-    "@storybook/preview-web": 6.5.0-alpha.63
-    "@storybook/store": 6.5.0-alpha.63
+    "@storybook/docs-tools": 6.5.0-beta.0
+    "@storybook/preview-web": 6.5.0-beta.0
+    "@storybook/store": 6.5.0-beta.0
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -3529,10 +3529,10 @@ __metadata:
     "@babel/plugin-syntax-dynamic-import": ^7.8.3
     "@babel/plugin-syntax-import-meta": ^7.10.4
     "@babel/preset-env": ^7.12.11
-    "@storybook/core-common": 6.5.0-alpha.63
-    "@storybook/core-server": 6.5.0-alpha.63
-    "@storybook/docs-tools": 6.5.0-alpha.63
-    "@storybook/renderer-web-components": 6.5.0-alpha.63
+    "@storybook/core-common": 6.5.0-beta.0
+    "@storybook/core-server": 6.5.0-beta.0
+    "@storybook/docs-tools": 6.5.0-beta.0
+    "@storybook/renderer-web-components": 6.5.0-beta.0
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     babel-plugin-bundled-import-meta: ^0.3.1