Error: There was an error invoking the function - window is not defined

I was trying to get the project settings from storage by creating a resolver using storage api. i kept running into this error :

This is the frontend code for fetching the project settings

    useEffect(async () => {

        await view.getContext().then((context) => {
            setContext(context)
        });
    
        // Fetch settings from storage via resolver
        const projectKey = context?.extension.project.key

        const settings = await invoke('getSettings',projectKey)

        if(settings){        
            
        console.log("this",settings)
        }


      }, []);
    

And this is how am creating my resolver:

import { storage } from "@forge/api";
import Resolver from "@forge/resolver";

 
const resolver = new Resolver();


resolver.define('getSettings', async (projectKey) => {
    const config = await storage.get(projectKey); 
    console.log("Fetched from storage:", config); // Log storage data
    return config || []; // Ensure it never returns null/undefined
  });
  
  export const handler = resolver.getDefinitions();