miolo-react 3.0.0-beta.161 → 3.0.0-beta.162

package/package.json

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

package/src/context/MioloContextProvider.jsx

@@ -73,8 +73,8 @@ const MioloContextProvider = ({ context, children }) => {
     })
   }, [])
 
-  const useSsrData = (name, defval, loader, modifier) => {
-    return useSsrDataOrReload(innerContext, mioloObj, name, defval, loader, modifier)
+  const useSsrData = (name, options) => {
+    return useSsrDataOrReload(innerContext, mioloObj, name, options)
   }
 
   return (

package/src/ssr/useSsrDataOrReload.mjs

@@ -1,7 +1,9 @@
 import { useCallback, useEffect, useState } from "react"
 import getSsrDataFromContext from "./getSsrDataFromContext.mjs"
 
-const useSsrDataOrReload = (context, miolo, name, defval, loader, modifier) => {
+const useSsrDataOrReload = (context, miolo, name, options) => {
+  const { defval = [], loader, modifier, effect } = options
+
   const _maybeModify = useCallback(
     (value) => {
       return modifier === undefined ? value : modifier(value)
@@ -15,29 +17,27 @@ const useSsrDataOrReload = (context, miolo, name, defval, loader, modifier) => {
   )
   const [needToRefresh, setNeedToRefresh] = useState(ssrDataFromContext === undefined)
 
-  const refreshSsrData = useCallback(() => {
+  const refreshSsrData = useCallback(async () => {
     if (loader === undefined) {
       return
     }
 
     const { fetcher } = miolo
-
-    async function fetchData() {
-      const nSsrData = await loader(context, fetcher)
-      setSsrData(_maybeModify(nSsrData))
-    }
-
-    fetchData()
+    const nSsrData = await loader(context, fetcher)
+    setSsrData(_maybeModify(nSsrData))
   }, [context, miolo, loader, _maybeModify])
 
   useEffect(() => {
     try {
       if (needToRefresh) {
-        setNeedToRefresh(false)
-        refreshSsrData()
+        const changed = effect === undefined || effect.check()
+        if (changed) {
+          setNeedToRefresh(false)
+          refreshSsrData()
+        }
       }
     } catch (_) {}
-  }, [needToRefresh, refreshSsrData])
+  }, [needToRefresh, refreshSsrData, effect, ...(effect?.deps || [])])
 
   return [ssrData, (data) => setSsrData(_maybeModify(data)), refreshSsrData]
 }