How to transfer the initial state to a reactive variable apollo from the server?

Hello everyone I decided to make an application on the React Apollo Client stack with SSR. I use reactive variables and I can't figure out how to pass the state that comes to me from the server to the reactive variable as the initial value? I will be grateful for any help. I'll attach a couple of screenshots, maybe it will help somehow

Here I give the entire state to the client exactly as described in the documentation

return indexHTML
.replace(
  '<div id="app"></div>',
  `
  <div id="app">${appHTML}</div>
  <script type="text/javascript">
     window.__APOLLO_STATE__ =
     ${JSON.stringify(client.extract()).replace(/</g, "\\u003c")};
  </script> 
`
)
.replace("__META_TITLE__", meta.title)
.replace("__META_DESCRIPTION__", meta.description ?? "")
.replace("__META_OG_TITLE__", meta.ogTitle ?? "")
.replace("__META_OG_IMAGE__", meta.ogImage ?? "");

 import { ApolloClient, InMemoryCache } from "@apollo/client";

 let cache = new InMemoryCache();
 cache =
   typeof window !== "undefined"
   ? cache.restore(window.__APOLLO_STATE__)
   : cache;

   export const client = new ApolloClient({
   uri:
      typeof window !== "undefined" ? window._GLOBALS_.API_CONNECTION_STRING : "",
   cache,
   ssrForceFetchDelay: 100,
   ssrMode: true,
 });

Here is the creation of a reactive variable, how to transfer the initial state to it?

import { makeVar } from "@apollo/client";
export const hello = makeVar("hi");