tested on other packages

Author: johnwdunn20

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

@@ -28,8 +28,9 @@ 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'], // add this if you're using TypeScript
+      exclude: 'node_modules/**' 
     }),
     terser(), // Minifies the bundles
   ]