fix: useFetch hydration mismatches (#36)

Hebilicious · Aug 10, 2023 · 3a541cb · 3a541cb
1 parent 7243ba1
commit 3a541cb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/form-actions-nuxt/.gitignore b/packages/form-actions-nuxt/.gitignore
@@ -1 +1,2 @@
-README.md
+README.md
+*.tgz
diff --git a/packages/form-actions-nuxt/src/runtime/composables/useLoader.ts b/packages/form-actions-nuxt/src/runtime/composables/useLoader.ts
@@ -19,7 +19,7 @@ export const getLoaderUrl = (loader: Loader) => validLoaderName(loader) ? getLoa
  */
 export async function useLoader<Name extends LoaderName>(loader?: Name | undefined | false, loaderOptions?: LoaderOptions) {
   const fetchNuxtLoader: FetchNuxtLoaderFunction<Name> = async (url: string, loaderOptions?: LoaderOptions) => {
-    const { data: result, refresh, pending, error } = await useFetch(url, { immediate: true, params: useRoute().params, ...loaderOptions })
+    const { data: result, refresh, pending, error } = await useFetch(url, { key: url, immediate: true, params: useRoute().params, ...loaderOptions })
     return { result, refresh, pending, error } // Because we're forcing the return, we get a static type here.
   }