initr

vite.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig, ConfigEnv } from 'vite'
+type CustomConfigEnv = Omit<ConfigEnv, 'command'> & { command: 'build' | 'serve' | 'preview' }
 import path from 'path'
 
 // Dynamic config so we don't require @vitejs/plugin-react during "preview"
-export default defineConfig(async ({ command }: ConfigEnv) => {
+export default defineConfig(async ({ command }: CustomConfigEnv) => {
   const plugins = []
-  if (command !== 'preview') {
+  if (command!== 'preview') {
     const { default: react } = await import('@vitejs/plugin-react')
     plugins.push(react())
   }

vite.preview.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  preview: {
+    host: '0.0.0.0',
+    port: parseInt(process.env.PORT || '7860', 10),
+    strictPort: true,
+    // Allow HF Space host (add yours here) and localhost for local preview
+    allowedHosts: ['pranav8tripathi-chopfresh.hf.space', 'localhost'],
+  },
+})