aa

.changeset/hip-cycles-agree.md

@@ -0,0 +1,5 @@
+---
+'@graphiql/react': minor
+---
+
+compile source code with react-compiler, remove `useMemo` and `useCallback` usages

package.json

@@ -48,7 +48,7 @@
     "dev-graphiql": "yarn workspace graphiql dev",
     "e2e": "yarn run e2e:build && yarn workspace graphiql e2e",
     "e2e:build": "WEBPACK_SERVE=1 yarn workspace graphiql build-bundles",
-    "eslint": "NODE_OPTIONS=--max-old-space-size=4096 ESLINT_USE_FLAT_CONFIG=false eslint --max-warnings=0 --ignore-path .gitignore --cache .",
+    "eslint": "NODE_OPTIONS=--max-old-space-size=4096 ESLINT_USE_FLAT_CONFIG=false eslint --max-warnings=6 --ignore-path .gitignore --cache .",
     "format": "yarn eslint --fix && yarn pretty",
     "jest": "jest",
     "license-check": "jsgl --local packages/*",

packages/graphiql-react/src/explorer/components/search.tsx

@@ -29,7 +29,7 @@ export function Search() {
   const getSearchResults = useSearchResults();
   const [searchValue, setSearchValue] = useState('');
   const [results, setResults] = useState(getSearchResults(searchValue));
-  const [isFocused, setIsFocused] = useState(false)
+  const [isFocused, setIsFocused] = useState(false);
   const debouncedGetSearchResults = debounce(200, (search: string) => {
     setResults(getSearchResults(search));
   });
@@ -58,7 +58,7 @@ export function Search() {
     );
   };
   const handleFocus: FocusEventHandler = e => {
-    setIsFocused(e.type === 'focus')
+    setIsFocused(e.type === 'focus');
   };
 
   const shouldSearchBoxAppear =

packages/graphiql-react/src/explorer/context.tsx

@@ -167,7 +167,7 @@ export function ExplorerContextProvider(props: ExplorerContextProviderProps) {
               break;
             } else {
               // lastEntity must be a field (because it's not a named type)
-              const field: GraphQLField<any, any, any> = lastEntity;
+              const field: GraphQLField<any, any> = lastEntity;
               // Thus item.def must be an argument, so find the same named argument in the new schema
               const arg = field.args.find(a => a.name === item.name);
               if (arg) {
@@ -188,7 +188,7 @@ export function ExplorerContextProvider(props: ExplorerContextProviderProps) {
         return newNavStack;
       });
     }
-  }, [reset, schema, validationErrors]);
+  }, [schema, validationErrors]);
 
   const value: ExplorerContextType = {
     explorerNavStack: navStack,