From 930aff62fdb486419f87bf4a22184d2ee7623203 Mon Sep 17 00:00:00 2001 From: Pedro Lopes <3640622+lopespm@users.noreply.github.com> Date: Sun, 28 Sep 2025 15:43:04 +0100 Subject: [PATCH 1/2] quick-start.md: import AppQuery as type ## Changes in this PR The current guidance to use `import { AppQuery } from "./__generated__/AppQuery.graphql";` does not work as expected, since AppQuery is expected as a type. ## Testing Tested by going through the entire "getting started" page --- website/docs/getting-started/quick-start.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/docs/getting-started/quick-start.md b/website/docs/getting-started/quick-start.md index d486a88959526..a0c7ce362a70f 100644 --- a/website/docs/getting-started/quick-start.md +++ b/website/docs/getting-started/quick-start.md @@ -128,7 +128,7 @@ See [Relay Environment](../api-reference/relay-runtime/relay-environment.md) for Finally we can start defining the data we want to fetch and build our UI. Our app will fetch a list of films and render each one using a `` component. ```tsx title="src/App.tsx" -import { AppQuery } from "./__generated__/AppQuery.graphql"; +import type { AppQuery } from "./__generated__/AppQuery.graphql"; import { graphql, useLazyLoadQuery } from "react-relay"; import Film from "./Film"; From aafd64b559816f12c30ac1f9edbc6b050f66be23 Mon Sep 17 00:00:00 2001 From: Pedro Lopes <3640622+lopespm@users.noreply.github.com> Date: Sun, 28 Sep 2025 15:56:10 +0100 Subject: [PATCH 2/2] quick-start.md: import FetchFunction as a type --- website/docs/getting-started/quick-start.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/docs/getting-started/quick-start.md b/website/docs/getting-started/quick-start.md index a0c7ce362a70f..7935a0638dc58 100644 --- a/website/docs/getting-started/quick-start.md +++ b/website/docs/getting-started/quick-start.md @@ -86,7 +86,7 @@ import { createRoot } from "react-dom/client"; import "./index.css"; import App from "./App.tsx"; import { RelayEnvironmentProvider } from "react-relay"; -import { Environment, Network, FetchFunction } from "relay-runtime"; +import { Environment, Network, type FetchFunction } from "relay-runtime"; const HTTP_ENDPOINT = "https://graphql.org/graphql/";