miolo-react 3.0.0-beta.193 → 3.0.0-beta.195

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miolo-react",
-  "version": "3.0.0-beta.193",
+  "version": "3.0.0-beta.195",
   "description": "React utils for miolo",
   "author": "Donato Lorenzo <donato@afialapis.com>",
   "contributors": [

package/src/ssr/usePropsCheck.mjs

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react"
 
-export default function usePropsCheck(loader, effect, modifier) {
+export default function usePropsCheck(loader, effect, modifier, desc) {
   const prevLoader = useRef(loader)
   const prevEffect = useRef(effect)
   const prevModifier = useRef(modifier)
@@ -19,7 +19,7 @@ export default function usePropsCheck(loader, effect, modifier) {
         loaderChangeCount.current += 1
         if (loaderChangeCount.current >= 4) {
           console.warn(
-            "🚨 [miolo][useSsrDataOrReload]: 'options.loader' varies too frequently. Wrap it in a useCallback!"
+            `🚨 [miolo][useSsrDataOrReload]: 'options.loader' varies too frequently. Wrap it in a useCallback! ${desc}`
           )
         }
       } else {
@@ -38,7 +38,7 @@ export default function usePropsCheck(loader, effect, modifier) {
         effectChangeCount.current += 1
         if (effectChangeCount.current >= 4) {
           console.warn(
-            "🚨 [miolo][useSsrDataOrReload]: 'options.effect' varies too frequently. Wrap it in a useMemo or useCallback!"
+            `🚨 [miolo][useSsrDataOrReload]: 'options.effect' varies too frequently. Wrap it in a useMemo or useCallback! ${desc}`
           )
         }
       } else {
@@ -56,7 +56,7 @@ export default function usePropsCheck(loader, effect, modifier) {
         modifierChangeCount.current += 1
         if (modifierChangeCount.current >= 4) {
           console.warn(
-            "🚨 [miolo][useSsrDataOrReload]: 'options.modifier' varies too frequently. Wrap it in a useCallback!"
+            `🚨 [miolo][useSsrDataOrReload]: 'options.modifier' varies too frequently. Wrap it in a useCallback! ${desc}`
           )
         }
       } else {

package/src/ssr/useSsrDataOrReload.mjs

@@ -24,7 +24,7 @@ const useSsrDataOrReload = (context, miolo, name, options) => {
     ttl = undefined
   } = options
 
-  usePropsCheck(loader, effect, modifier)
+  usePropsCheck(loader, effect, modifier, name)
 
   const parseData = useCallback(
     (value) => {
@@ -162,15 +162,17 @@ const useSsrDataOrReload = (context, miolo, name, options) => {
   }, [status, refreshSsrData, effect, name, ttl, parseData, cache])
 
   useEffect(() => {
-    if (ssrDataFromContext !== undefined && typeof window !== "undefined") {
-      import("idb-keyval").then(({ set }) => {
-        set(`ssr-cache-${name}`, {
-          data: makeSerializable(ssrDataFromContext),
-          ts: Date.now()
-        }).catch(() => {})
-      })
+    if (cache === true) {
+      if (ssrDataFromContext !== undefined && typeof window !== "undefined") {
+        import("idb-keyval").then(({ set }) => {
+          set(`ssr-cache-${name}`, {
+            data: makeSerializable(ssrDataFromContext),
+            ts: Date.now()
+          }).catch(() => {})
+        })
+      }
     }
-  }, [ssrDataFromContext, name])
+  }, [ssrDataFromContext, name, cache])
 
   const invalidate = useCallback(() => {
     if (typeof window !== "undefined") {