Here is the code for this page:

import BaseLayout from '../../layouts/BaseLayout.astro';
import ApolloApp from '../../components/experiments/ApolloApp.jsx';
<BaseLayout title="Apollo GraphQL client">
<ApolloApp client:only="react" />

And, here is the code for my parent-level Apollo GraphQL app, wrapped in an Apollo Client Provider:


import React from "react";
import {ApolloClient, InMemoryCache, ApolloProvider} from "@apollo/client";
import Weather from "./Weather.jsx";

function ApolloApp() {

const client = new ApolloClient ({
cache: new InMemoryCache(),
uri: "",

return (
<ApolloProvider client={client}>
<h1> Weather App </h1>
<Weather />

export default ApolloApp;