chore: fix port, TypeScript version, and env type in Vite example

Author: yogeshchoudhary147

examples/cra-react-router/package.json

@@ -9,11 +9,11 @@
     "@types/react-dom": "18.3.5",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router-dom": "^7.18.0",
-    "typescript": "^4.6.3"
+    "react-router-dom": "^7.18.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^6.1.1",
+    "typescript": "^5.0.0",
     "vite": "^8.2.2"
   },
   "scripts": {

examples/cra-react-router/src/react-app-env.d.ts

@@ -4,7 +4,7 @@ interface ImportMetaEnv {
   readonly VITE_DOMAIN: string;
   readonly VITE_CLIENT_ID: string;
   readonly VITE_AUDIENCE: string;
-  readonly VITE_API_PORT: number;
+  readonly VITE_API_PORT: string;
 }
 
 interface ImportMeta {

examples/cra-react-router/vite.config.ts

@@ -3,4 +3,8 @@ import react from '@vitejs/plugin-react';
 
 export default defineConfig({
   plugins: [react()],
+  server: {
+    port: 3000,
+    strictPort: true,
+  },
 });