@refinedev/core 4.5.2 → 4.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.5.2",
+  "version": "4.5.3",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "main": "dist/index.js",

package/src/hooks/form/useForm.ts

@@ -246,11 +246,16 @@ export const useForm = <
     // id state is needed to determine selected record in a context for example useModal
     const [id, setId] = React.useState<BaseKey | undefined>(defaultId);
 
+    /**
+     * In some cases, `id` from the router params is not available at the first render.
+     *
+     * (e.g. when using `Next.js` and client-side-rendering, `router` is not ready to use at the first render)
+     *
+     * We're watching for `defaultId` changes and setting `id` state if it's not equal to `defaultId`.
+     */
     React.useEffect(() => {
-        if (defaultId !== id) {
-            setId(idFromProps);
-        }
-    }, [idFromProps]);
+        setId(defaultId);
+    }, [defaultId]);
 
     /** `resourceName` fallback value depends on the router type */
     const resourceName =

package/src/hooks/show/useShow.ts

@@ -108,9 +108,7 @@ export const useShow = <
     const [showId, setShowId] = useState<BaseKey | undefined>(defaultId);
 
     React.useEffect(() => {
-        if (defaultId !== showId) {
-            setShowId(defaultId);
-        }
+        setShowId(defaultId);
     }, [defaultId]);
 
     /** `resourceName` fallback value depends on the router type */