Issues with Caching and Error Handling in TanStack Svelte Query

const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            enabled: browser,
        },
    },
    queryCache: new QueryCache({
        onError: (error) => {
            console.log("CACHE ERROR");
            console.log(error);
        },
        onSuccess: (data) => {
            console.log("CACHE SUCCESS");
            console.log(data);
        },
        onSettled: (data, error) => {
            console.log("CACHE SETTLED");
            console.log(data, error);
        },
    }),
});

createQuery({
    queryKey: ["posts"],
    queryFn: async () => await fetch("https://localhost/test").then((r) => r.json()),
});

const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            enabled: browser,
        },
    },
    queryCache: new QueryCache({
        onError: (error) => {
            console.log("CACHE ERROR");
            console.log(error);
        },
        onSuccess: (data) => {
            console.log("CACHE SUCCESS");
            console.log(data);
        },
        onSettled: (data, error) => {
            console.log("CACHE SETTLED");
            console.log(data, error);
        },
    }),
});

createQuery({
    queryKey: ["posts"],
    queryFn: async () => await fetch("https://localhost/test").then((r) => r.json()),
});