From 4a9414bdfb709f7940edef4812f844bbfb7316af Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Wed, 24 Jul 2024 20:52:31 -0700 Subject: [PATCH 1/2] updated readmes --- README.md | 10 ++++++++++ package-react/README.md | 10 ++++++++++ 2 files changed, 20 insertions(+) diff --git a/README.md b/README.md index 81411b1..4da8b44 100644 --- a/README.md +++ b/README.md @@ -66,6 +66,16 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c import ReactQueryRewind from "../../node_modules/react-query-rewind/dist/esm/index.js"; ``` + _OR_ + + ```javascript + import dynamic from 'next/dynamic' + const ReactQueryRewind = dynamic( + () => import('react-query-rewind').then((mod) => mod.default), + { ssr: false } + ) + ``` + 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. ```javascript diff --git a/package-react/README.md b/package-react/README.md index a9f3acd..181444f 100644 --- a/package-react/README.md +++ b/package-react/README.md @@ -51,6 +51,16 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c ```javascript import ReactQueryRewind from "../../node_modules/react-query-rewind/dist/esm/index.js"; ``` + + _OR_ + + ```javascript + import dynamic from 'next/dynamic' + const ReactQueryRewind = dynamic( + () => import('react-query-rewind').then((mod) => mod.default), + { ssr: false } + ) + ``` 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. From b4a54773b8db78843ec5dc189e8c495a65bc871a Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Wed, 24 Jul 2024 20:53:43 -0700 Subject: [PATCH 2/2] updated package versions --- package-react/package.json | 2 +- package-svelte/package.json | 2 +- package-vue/package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-react/package.json b/package-react/package.json index b00e0fe..2f76093 100644 --- a/package-react/package.json +++ b/package-react/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, - "version": "2.1.12", + "version": "2.1.13", "description": "React Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "react", diff --git a/package-svelte/package.json b/package-svelte/package.json index 8347d6a..a869c2a 100644 --- a/package-svelte/package.json +++ b/package-svelte/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, - "version": "1.1.9", + "version": "1.1.10", "description": "Svelte Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "svelte", diff --git a/package-vue/package.json b/package-vue/package.json index 7a420c9..76e5344 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -1,6 +1,6 @@ { "name": "@react-query-rewind/vue-query-rewind", - "version": "1.1.10", + "version": "1.1.11", "description": "Vue Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "type": "module", "files": [