tested basic

Author: johnwdunn20

extension/src/App.tsx

@@ -38,6 +38,7 @@ function App() {
 
       // By checking data more thoroughly, we can avoid adding data that we don't expect in child components. This is the data we have the least control over.
       // Future iteration could use Zod or something a little less manual and be a more prcise
+      console.log('Recieved event message', message)
       if (
         message.type === 'event' &&
         message.payload &&

package-react/react-examples-tanstack/basic/package.json

@@ -17,7 +17,6 @@
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.35.6",
     "@vitejs/plugin-react": "^4.2.1",
-    "react-query-rewind": "^2.0.2",
     "vite": "^5.1.1"
   },
   "browserslist": {

package-react/react-examples-tanstack/basic/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      react: path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+      '@tanstack/react-query': path.resolve(__dirname, 'node_modules/@tanstack/react-query'),
+    },
+  },
+})

package-react/src/index.tsx

@@ -15,13 +15,16 @@ function ReactQueryRewind() {
 
   const handleMessages = (message: any) => {
     if (contentConnectedRef.current) {
+      console.log('Sending Event');
       sendEvent(message);
     } else {
       contentMessageQueueRef.current.push(message);
+      console.log('Current Queue:', contentMessageQueueRef.current);
     }
   };
 
   const sendEvent = (event: any) => {
+    console.log('Sending Event:', event.queryHash);
     window.postMessage(
       { framework: 'react', type: 'event', payload: event },
       '*'