fix build

Author: Christopher J Baker

packages/core/vite.config.ts

@@ -9,9 +9,6 @@ export default defineConfig({
       entry: "src/core.ts",
       formats: ["es", "cjs"],
     },
-    rollupOptions: {
-      external: [/node_modules/],
-    },
   },
   plugins: [dts()],
   test: {

packages/legacy/vite.config.ts

@@ -10,7 +10,7 @@ export default defineConfig({
       formats: ["es", "cjs"],
     },
     rollupOptions: {
-      external: [/node_modules/],
+      external: ["@r2wc/core"],
     },
   },
   plugins: [dts()],

packages/react-to-web-component/vite.config.ts

@@ -10,7 +10,7 @@ export default defineConfig({
       formats: ["es", "cjs"],
     },
     rollupOptions: {
-      external: [/node_modules/],
+      external: ["react", "react-dom", "@r2wc/core"],
     },
   },
   plugins: [dts()],

src/root/react-to-web-component.ts

@@ -1,22 +1,46 @@
 import type { R2WCOptions } from "@r2wc/core"
 
+import React from "react"
 import { createRoot } from "react-dom/client"
 
 import r2wcCore from "@r2wc/core"
 
-function mount(container: HTMLElement, element: JSX.Element) {
-  const root = createRoot(container)
+interface Context<Props extends object> {
+  container: HTMLElement
+  ReactComponent: React.ComponentType<Props>
+}
+
+function mount<Props extends object>(
+  container: HTMLElement,
+  ReactComponent: React.ComponentType<Props>,
+  props: Props,
+): Context<Props> {
+  const element = React.createElement(ReactComponent, props)
+
+  ReactDOM.render(element, container)
+
+  return {
+    container,
+    ReactComponent,
+  }
+}
+
+function update<Props extends object>(
+  { container, ReactComponent }: Context<Props>,
+  props: Props,
+): void {
+  const element = React.createElement(ReactComponent, props)
 
-  root.render(element)
+  ReactDOM.render(element, container)
 }
 
-function unmount(container: HTMLElement) {
-  // root.unmount()
+function unmount<Props extends object>({ container }: Context<Props>): void {
+  ReactDOM.unmountComponentAtNode(container)
 }
 
-export default function r2wc(
-  ReactComponent: React.FC<any> | React.ComponentClass<any>,
-  config: R2WCOptions = {},
+export default function r2wc<Props extends object>(
+  ReactComponent: React.ComponentType<Props>,
+  options: R2WCOptions<Props> = {},
 ): CustomElementConstructor {
-  return r2wcCore(ReactComponent, config, { mount, unmount })
+  return r2wcCore(ReactComponent, options, { mount, update, unmount })
 }