@quilted/create 0.1.82 → 0.1.83

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @quilted/create
 
+## 0.1.83
+
+### Patch Changes
+
+- [`b8b0e5e2`](https://github.com/lemonmade/quilt/commit/b8b0e5e2bac4192d8e6b17b93868acec8524c611) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix some more GraphQL template type issues
+
 ## 0.1.82
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/create",
   "type": "module",
-  "version": "0.1.82",
+  "version": "0.1.83",
   "license": "MIT",
   "repository": {
     "type": "git",

package/templates/app-graphql/App.tsx

@@ -4,11 +4,7 @@ import {HTML} from '@quilted/quilt/html';
 import {Routing, useRoutes} from '@quilted/quilt/navigate';
 import {Localization, useLocaleFromEnvironment} from '@quilted/quilt/localize';
 import {type PropsWithChildren} from '@quilted/quilt/react/tools';
-import {
-  GraphQLContext,
-  createGraphQLHttpFetch,
-  type GraphQLFetch,
-} from '@quilted/quilt/graphql';
+import {GraphQLContext, type GraphQLFetch} from '@quilted/quilt/graphql';
 
 import {ReactQueryContext} from '@quilted/react-query';
 import {QueryClient} from '@tanstack/react-query';
@@ -25,7 +21,7 @@ import {
 } from './shared/context.ts';
 
 export interface AppProps extends AppContextType {
-  fetchGraphQL?: GraphQLFetch;
+  fetchGraphQL: GraphQLFetch;
 }
 
 // The root component for your application. You will typically render any
@@ -61,16 +57,14 @@ function Routes() {
 // This component renders any app-wide context.
 function AppContext({
   children,
-  fetchGraphQL: customFetchGraphQL,
+  fetchGraphQL,
   ...context
 }: PropsWithChildren<AppProps>) {
-  const {fetchGraphQL, queryClient} = useMemo(() => {
+  const {queryClient} = useMemo(() => {
     return {
-      fetchGraphQL:
-        customFetchGraphQL ?? createGraphQLHttpFetch({url: '/api/graphql'}),
       queryClient: new QueryClient(),
     };
-  }, [customFetchGraphQL]);
+  }, []);
 
   return (
     <GraphQLContext fetch={fetchGraphQL}>

package/templates/app-graphql/browser.tsx

@@ -1,8 +1,13 @@
 import '@quilted/quilt/globals';
+
 import {hydrateRoot} from 'react-dom/client';
+import {createGraphQLFetchOverHTTP} from '@quilted/quilt/graphql';
 
 import {App} from './App.tsx';
 
 const element = document.querySelector('#app')!;
 
-hydrateRoot(element, <App />);
+hydrateRoot(
+  element,
+  <App fetchGraphQL={createGraphQLFetchOverHTTP({url: '/api/graphql'})} />,
+);