How to update $page.data

[mattari97]

Help me understand the way to update the $page store

Hello everyone. In my SvelteKit App I fetch the ipgeolocation data of the user on first load but then I try to update it; the logs show that the new data is fetch but the $page.data is not updated.

Here is the load function of the page:

// src/routes/+page.ts

import type { PageLoad } from "./$types";
import { error } from "@sveltejs/kit";
import { api, getErrorMessage } from "$lib/utils";

export const prerender = false;

export const load: PageLoad = async ({ fetch, url }) => {
  const params = url.searchParams.get("ip") ?? undefined;
  try {
    const response = await (await fetch(api.createEndpoint(params), { method: "GET" })).json();
    if (response.message) throw new Error(response.message);
    const searchResults = api.formatApiResponse(response);
    /** This log shows both in the server & in the browser on first load
    but only in the server after that **/
    console.log(searchResults);
    return { searchResults }; // Never updates the pageData
  } catch (err) {
    throw error(500, getErrorMessage(err));
  }
};

Here is the fetch call i do on the client to update the data:

// src/routes/+page.svelte

export const getNewSearchResults = async (ipOrDomain: string) => {
  await fetch(`/?ip=${ipOrDomain}`, { method: "Get" });
  await invalidate("/");
};

Could you help me understand what i am doing wrong I am stuck right now. Peace 😊