aa

packages/graphiql-react/setup-files.ts

@@ -1 +1,3 @@
+'use no memo';
+
 import '@testing-library/jest-dom';

packages/graphiql-react/src/editor/__tests__/common.spec.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { importCodeMirror } from '../common';
 
 describe('importCodeMirror', () => {

packages/graphiql-react/src/editor/__tests__/tabs.spec.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { StorageAPI } from '@graphiql/toolkit';
 import {
   createTab,

packages/graphiql-react/src/editor/__tests__/whitespace.spec.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { invalidCharacters, normalizeWhitespace } from '../whitespace';
 
 describe('normalizeWhitespace', () => {

packages/graphiql-react/src/explorer/components/__tests__/doc-explorer.spec.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { render } from '@testing-library/react';
 import { GraphQLInt, GraphQLObjectType, GraphQLSchema } from 'graphql';
 import { useContext, useEffect } from 'react';

packages/graphiql-react/src/explorer/components/__tests__/field-documentation.spec.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { fireEvent, render } from '@testing-library/react';
 import { GraphQLString, GraphQLObjectType, Kind } from 'graphql';
 

packages/graphiql-react/src/explorer/components/__tests__/test-utils.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { GraphQLNamedType, GraphQLType } from 'graphql';
 
 import { ExplorerContextType, ExplorerNavStackItem } from '../../context';

packages/graphiql-react/src/explorer/components/__tests__/type-documentation.spec.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { fireEvent, render } from '@testing-library/react';
 import {
   GraphQLBoolean,

packages/graphiql-react/src/explorer/components/__tests__/type-link.spec.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { fireEvent, render } from '@testing-library/react';
 import { GraphQLNonNull, GraphQLList, GraphQLString } from 'graphql';
 import { ComponentProps } from 'react';

packages/graphiql-react/src/history/__tests__/components.spec.tsx

@@ -1,4 +1,6 @@
-import { Mock } from 'vitest'
+'use no memo';
+
+import { Mock } from 'vitest';
 import { fireEvent, render } from '@testing-library/react';
 import { ComponentProps } from 'react';
 import { formatQuery, HistoryItem } from '../components';

packages/graphiql-react/vite.config.mts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig, PluginOption } from 'vite';
 import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
 import postCssNestingPlugin from 'postcss-nesting';
@@ -7,24 +7,26 @@ import packageJSON from './package.json';
 const ReactCompilerConfig = {
   target: '17',
   sources(filename) {
+    if (filename.includes('__tests__')) return false;
     return filename.includes('graphiql-react');
   },
 };
 
+export const plugins: PluginOption[] = [
+  react({
+    babel: {
+      plugins: [['babel-plugin-react-compiler', ReactCompilerConfig]],
+    },
+  }),
+  svgr({
+    svgrOptions: {
+      titleProp: true,
+    },
+  }),
+];
+
 export default defineConfig({
-  plugins: [
-    react({
-      babel: {
-        plugins: [['babel-plugin-react-compiler', ReactCompilerConfig]],
-      },
-    }),
-    svgr({
-      exportAsDefault: true,
-      svgrOptions: {
-        titleProp: true,
-      },
-    }),
-  ],
+  plugins,
   css: {
     postcss: {
       plugins: [postCssNestingPlugin()],

packages/graphiql-react/vitest.config.mts

@@ -1,18 +1,11 @@
 import { defineConfig } from 'vitest/config';
-import svgr from 'vite-plugin-svgr';
+import { plugins } from './vite.config.mjs';
 
 export default defineConfig({
   test: {
     globals: true,
     environment: 'jsdom',
     setupFiles: ['./setup-files.ts'],
   },
-  plugins: [
-    svgr({
-      exportAsDefault: true,
-      svgrOptions: {
-        titleProp: true,
-      },
-    }),
-  ],
+  plugins,
 });