graphiql 5: push field type on stack too before field (#4006)

* push field type on stack too before field

* add comment

Author: dimaMachina

.changeset/fluffy-beers-build.md

@@ -0,0 +1,5 @@
+---
+'@graphiql/plugin-doc-explorer': patch
+---
+
+push field type on stack too before field

packages/graphiql-plugin-doc-explorer/src/context.ts

@@ -132,6 +132,13 @@ export const docExplorerStore = createStore<DocExplorerStoreType>(
             break;
           }
           case 'Field': {
+            // Show a field type on stack
+            if (ref.type) {
+              push({
+                name: ref.type.name,
+                def: ref.type,
+              });
+            }
             push({
               name: ref.field.name,
               def: ref.field,

packages/graphiql-react/src/components/provider.tsx

@@ -50,7 +50,7 @@ type GraphiQLProviderProps =
 
 type GraphiQLStore = UseBoundStore<StoreApi<AllSlices>>;
 
-const GraphiQLContext = createContext<RefObject<GraphiQLStore>>(null!);
+const GraphiQLContext = createContext<RefObject<GraphiQLStore> | null>(null);
 
 export const GraphiQLProvider: FC<GraphiQLProviderProps> = ({
   storage,
@@ -317,7 +317,6 @@ const SynchronizeValue: FC<SynchronizeValueProps> = ({
 
 export function useGraphiQL<T>(selector: (state: AllSlices) => T): T {
   const store = useContext(GraphiQLContext);
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- fixme
   if (!store) {
     throw new Error('Missing `GraphiQLContext.Provider` in the tree');
   }