John/import3

package-react/package.json

@@ -18,7 +18,7 @@
  "type": "git",
  "url": "git+https://github.com/oslabs-beta/react-query-rewind.git"
  },
- "version": "2.1.6",
+ "version": "2.1.9",
  "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",
@@ -30,7 +30,7 @@
  ],
  "private": false,
  "type": "module",
- "main": "dist/cjs/index.js",
+ "main": "dist/cjs/index.cjs",
  "module": "dist/esm/index.js",
  "types": "dist/cjs/index.d.ts",
  "files": [
@@ -48,31 +48,31 @@
  "link-package": "npm link && (cd example/client && npm link react-query-rewind)",
  "link-dependencies": "npm link example/client/node_modules/react example/client/node_modules/react-dom example/client/node_modules/@tanstack/react-query",
  "unlink-package": "(cd example/client && npm unlink react-query-rewind) && npm unlink",
- "package-setup-1": "npm i && npm run install-example && npm run link-dependencies && npm run watch",
+ "package-setup-1": "npm run clean && npm i && npm run install-example && npm run link-dependencies && npm run watch",
  "package-setup-2": "npm run link-package && npm run example",
  "install-algolia": "cd react-examples-tanstack/algolia && npm i",
  "link-package-algolia": "npm link && (cd react-examples-tanstack/algolia && npm link react-query-rewind)",
  "link-dependencies-algolia": "npm link react-examples-tanstack/algolia/node_modules/react react-examples-tanstack/algolia/node_modules/react-dom example/client/node_modules/@tanstack/react-query",
  "unlink-package-algolia": "(cd react-examples-tanstack/algolia && npm unlink react-query-rewind) && npm unlink",
- "package-setup-1-algolia": "npm i && npm run install-algolia && npm run link-dependencies-algolia && npm run watch",
+ "package-setup-1-algolia": "npm run clean && npm i && npm run install-algolia && npm run link-dependencies-algolia && npm run watch",
  "package-setup-2-algolia": "npm run link-package-algolia && (cd react-examples-tanstack/algolia && npm run dev)",
  "install-basic": "cd react-examples-tanstack/basic && npm i",
  "link-package-basic": "npm link && (cd react-examples-tanstack/basic && npm link react-query-rewind)",
  "link-dependencies-basic": "npm link react-examples-tanstack/basic/node_modules/react react-examples-tanstack/basic/node_modules/react-dom example/client/node_modules/@tanstack/react-query",
  "unlink-package-basic": "(cd react-examples-tanstack/basic && npm unlink react-query-rewind) && npm unlink",
- "package-setup-1-basic": "npm i && npm run install-basic && npm run link-dependencies-basic && npm run watch",
+ "package-setup-1-basic": "npm run clean && npm i && npm run install-basic && npm run link-dependencies-basic && npm run watch",
  "package-setup-2-basic": "npm run link-package-basic && (cd react-examples-tanstack/basic && npm run dev)",
  "install-basic-typescript": "cd react-examples-tanstack/basic-typescript && npm i",
  "link-package-basic-typescript": "npm link && (cd react-examples-tanstack/basic-typescript && npm link react-query-rewind)",
  "link-dependencies-basic-typescript": "npm link react-examples-tanstack/basic-typescript/node_modules/react react-examples-tanstack/basic-typescript/node_modules/react-dom example/client/node_modules/@tanstack/react-query",
  "unlink-package-basic-typescript": "(cd react-examples-tanstack/basic-typescript && npm unlink react-query-rewind) && npm unlink",
- "package-setup-1-basic-typescript": "npm i && npm run install-basic-typescript && npm run link-dependencies-basic-typescript && npm run watch",
+ "package-setup-1-basic-typescript": "npm run clean && npm i && npm run install-basic-typescript && npm run link-dependencies-basic-typescript && npm run watch",
  "package-setup-2-basic-typescript": "npm run link-package-basic-typescript && (cd react-examples-tanstack/basic-typescript && npm run dev)",
  "install-pagination": "cd react-examples-tanstack/pagination && npm i",
  "link-package-pagination": "npm link && (cd react-examples-tanstack/pagination && npm link react-query-rewind)",
  "link-dependencies-pagination": "npm link react-examples-tanstack/pagination/node_modules/react react-examples-tanstack/pagination/node_modules/react-dom example/client/node_modules/@tanstack/react-query",
  "unlink-package-pagination": "(cd react-examples-tanstack/pagination && npm unlink react-query-rewind) && npm unlink",
- "package-setup-1-pagination": "npm i && npm run install-pagination && npm run link-dependencies-pagination && npm run watch",
+ "package-setup-1-pagination": "npm run clean && npm i && npm run install-pagination && npm run link-dependencies-pagination && npm run watch",
  "package-setup-2-pagination": "npm run link-package-pagination && (cd react-examples-tanstack/pagination && npm run dev)"
  },
  "license": "MIT",

package-react/react-examples-tanstack/pagination/src/pages/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react'
 import axios from 'axios'
 import {
@@ -8,15 +10,15 @@ import {
  keepPreviousData,
 } from '@tanstack/react-query'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-// import ReactQueryRewind from 'react-query-rewind'
+import ReactQueryRewind from 'react-query-rewind'
 
 const queryClient = new QueryClient()
 
 export default function App() {
  return (
  <QueryClientProvider client={queryClient}>
  <Example />
- {/* <ReactQueryRewind /> */}
+ <ReactQueryRewind />
  </QueryClientProvider>
  )
 }

package-react/rollup.config.js

@@ -11,9 +11,10 @@ export default {
  input: 'src/index.tsx', // Main TypeScript file of our package
  output: [
  {
- file: 'dist/cjs/index.js', // CommonJS format
+ file: 'dist/cjs/index.cjs', // CommonJS format
  format: 'cjs',
- sourcemap: true
+ sourcemap: true,
+ exports: "named"
  },
  {
  file: 'dist/esm/index.js', // ES Module format
@@ -27,10 +28,11 @@ export default {
  commonjs(), // Converts CommonJS modules to ES6
  typescript({ tsconfig: './tsconfig.json' }), // TypeScript plugin
  babel({
- exclude: 'node_modules/**', // Babel for transpiling React and ES6
- presets: ['@babel/preset-react']
+ babelHelpers: 'bundled',
+ extensions: ['.js', '.jsx', '.ts', '.tsx'],
+ exclude: 'node_modules/**' 
  }),
- terser(), // Minifies the bundles
+ // terser(), // Minifies the bundles
  ]
 };
 

package-svelte/package.json

@@ -18,7 +18,7 @@
  "type": "git",
  "url": "git+https://github.com/oslabs-beta/react-query-rewind"
  },
- "version": "1.1.5",
+ "version": "1.1.6",
  "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": [
  "react",

package-vue/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@react-query-rewind/vue-query-rewind",
- "version": "1.1.5",
+ "version": "1.1.6",
  "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": [