fix: useData lose reactivity

vikejs · Sep 4, 2024 · 3fa1f95 · 3fa1f95
1 parent 92bf1bd
commit 3fa1f95
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/vike-solid/hooks/useData.tsx b/vike-solid/hooks/useData.tsx
@@ -1,5 +1,8 @@
+import { createStore } from "solid-js/store";
+
 export { useData };
 
+import { createEffect } from "solid-js";
 import { usePageContext } from "./usePageContext.js";
 
 /** Access `pageContext.data` from any SolidJS component
@@ -9,6 +12,14 @@ import { usePageContext } from "./usePageContext.js";
  * - https://vike.dev/pageContext-anywhere
  */
 function useData<Data>(): Data {
-  const { data } = usePageContext() as any;
+  const ctx = usePageContext() as any;
+
+  // sub store to keep reactivity https://github.com/vikejs/vike-solid/issues/114
+  const [data, setData] = createStore(ctx.data);
+
+  createEffect(() => {
+    setData(ctx.data);
+  });
+
   return data;
 }