Routes showing blank page after CRA to Vite migration

Help
1

I migrated my React app from Create React App (CRA) to Vite due to compatibility issues with Reown App Kit’s latest version. The app works perfectly locally, but after deploying to Vercel, some routes (like /profile) show a blank page while others work fine.

I migrated my React app from Create React App (CRA) to Vite due to compatibility issues with Reown App Kit’s latest version. The app works perfectly locally, but after deploying to Vercel, some routes (like /profile) show a blank page while others work fine.

What I’ve Checked :white_check_mark: The component bundle is being served correctly​:white_check_mark: User data exists in localStorage​:white_check_mark: No visible errors in network requests

Configuration Filesvercel.json:{
“rewrites”: [
{
“source”: “/(.*)”,
“destination”: “/index.html”
}
]
}vite.config.js:import { defineConfig } from ‘vite’
import react from ‘@vitejs/plugin-react’
export default defineConfig({
base: ‘/’,
plugins: [react()],
})Project Structure:project-root/
├── src/
│ ├── Routes/
│ │ ├── Profile.jsx
│ │ └── [other routes]
│ └── main.jsx
├── index.html
├── vite.config.js
├── vercel.json
└─-- package.json url :https://degens-games-f-dev.vercel.app/

3

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.