How to read a local schema file

[yamatsum]

I'm trying to build Graphiql

import { createGraphiQLFetcher } from "@graphiql/toolkit";
import { GraphiQL } from "graphiql";
import React from "react";
import ReactDOM from 'react-dom';
import { createRoot } from "react-dom/client";
import "graphiql/graphiql.css";

const fetcher = createGraphiQLFetcher({ url: "https://xxx" });

ReactDOM.render(<div style={{ height: "100vh" }}>
  <GraphiQL schema={schema} fetcher={fetcher}></GraphiQL>
</div>, document.body);

Introspection on the fetcher destination is disabled and there is a schema file locally, so I would like to read the local schema file and use it for the document.
Is it possible? thank you