use render now check if it is in ssr mode

Author: MatiasWorker

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomico/hooks",
   "description": "Series of utilities in hooks format to extend the operation of Atomico",
-  "version": "3.36.2",
+  "version": "3.37.0",
   "type": "module",
   "workspaces": [
     "src/**/*"
@@ -16,15 +16,15 @@
     "access": "public"
   },
   "peerDependencies": {
-    "atomico": "^1.45.0"
+    "atomico": "^1.56.0"
   },
   "devDependencies": {
     "@atomico/exports": "^0.20.0",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@types/chai": "^4.2.21",
     "@web/test-runner": "^0.13.16",
     "@web/test-runner-commands": "^0.5.12",
-    "atomico": "^1.45.0",
+    "atomico": "^1.56.0",
     "typescript": "^4.6.2"
   }
 }

package.json

@@ -1,4 +1,4 @@
-import { h, render, useHost, useMemo, useEffect } from "atomico";
+import { h, useHost, useMemo, useEffect, options } from "atomico";
 
 const host = h("host");
 /**
@@ -22,7 +22,10 @@ function fillHost(vdom) {
 export function useRender(callback, args) {
   const host = useHost();
   host.id = host.id || Symbol();
-  useMemo(() => render(fillHost(callback()), host.current, host.id), args);
+  useMemo(
+    () => !options.ssr && fillHost(callback()).render(host.current, host.id),
+    args
+  );
   // Clean nodes in case of recycling
-  useEffect(() => () => render(fillHost(), host.current, host.id), []);
+  useEffect(() => () => fillHost().render(host.current, host.id), []);
 }

src/use-render/use-render.js

@@ -1,5 +1,5 @@
 import { expect } from "@esm-bundle/chai";
-import html from "atomico/html";
+import { html } from "atomico";
 import { createHooks } from "atomico/test-hooks";
 import { useRender } from "./use-render.js";