I am getting Context Undefined error

[itsanishjain]

I am trying to make this work for the current the things

currently when you run Shopify app init it's come with Vite but I still added the remix.config.js file

export const initShopify = (context: AppLoadContext) => {
  const shopify = shopifyApp({
    apiKey: process.env.SHOPIFY_API_KEY!,
    apiSecretKey: process.env.SHOPIFY_API_SECRET || "",
    apiVersion: LATEST_API_VERSION,
    scopes: process.env.SCOPES?.split(","),
    appUrl: process.env.SHOPIFY_APP_URL || "",
    authPathPrefix: "/auth",
    sessionStorage: new KVSessionStorage(context.env.SESSION),
    distribution: AppDistribution.AppStore,
    restResources,
    webhooks: {
      APP_UNINSTALLED: {
        deliveryMethod: DeliveryMethod.Http,
        callbackUrl: "/webhooks",
      },
    },
    hooks: {
      afterAuth: async ({ session }) => {
        shopify.registerWebhooks({ session });
      },
    },
    future: {},
    ...(process.env.SHOP_CUSTOM_DOMAIN
      ? { customShopDomains: [process.env.SHOP_CUSTOM_DOMAIN] }
      : {}),
  });

  return shopify;
};

When I console log my context is undefined any idea on how I should fix this

I even try to do this vite.config.js file

but then I get other error related to css bundling, any thoughts on how to this

this is what you get

I know the current code is not generating .env.devs file maybe because of both remix and vite config file

now idea why

Here is code that's gives this ^ error
https:/itsanishjain/stable-benchmark-app