SSR support

Author: UpperCod

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@atomico/react",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "",
   "types": "./wrapper.d.ts",
   "publishConfig": {
@@ -21,7 +21,7 @@
     "@types/react": "latest",
     "@web/dev-server-esbuild": "^0.2.12",
     "@web/test-runner": "^0.13.5",
-    "atomico": "^1.51.0",
+    "atomico": "^1.60.1",
     "husky": "^6.0.0",
     "preact": "^10.6.6",
     "react": "npm:@esm-bundle/react",
@@ -31,7 +31,7 @@
   },
   "peerDependencies": {
     "@types/react": "latest",
-    "atomico": "^1.49.2",
+    "atomico": "^1.60.1",
     "preact": "latest",
     "react": "latest"
   },

package.json

@@ -1,4 +1,4 @@
-import { JSXElement } from "atomico";
+import { JSXElement, options, h } from "atomico";
 import { DOMAttributes } from "react";
 
 interface Props {
@@ -61,6 +61,8 @@ export const createWrapper =
           [[], [], { ref }]
         );
 
+        useLayoutEffect = options.ssr ? () => {} : useLayoutEffect;
+
         useLayoutEffect(() => {
           const { current } = ref;
           const unlisteners = handlers
@@ -77,6 +79,13 @@ export const createWrapper =
 
         if (is) nextProps.is = tagName;
 
+        if (options.ssr) {
+          nextProps.dangerouslySetInnerHTML = {
+            //@ts-ignore
+            __html: h(base).render().innerHTML,
+          };
+          nextProps["data-hydrate"] = "";
+        }
         return createElement(is || tagName, nextProps, children);
       }
     ) as Component<Base>;