Currently I have a Vite project that buids a react app:

Closed 4 days ago.

I have a React app https://codesandbox.io/p/sandbox/q6l8jp that uses the react-use-is-online npm package to check online and offline status. The package works perfectly, displaying appropriate messages for online and offline states. However, when I try to reload my browser while offline, my app fails to render and shows the browser’s default “no internet” page instead.

I have my frontend structure as follow

I have a Vite React app and based on the domain, I want to serve assets statically of a particular folder.
I am going to use this same app for multiple partner and want to have different assets for different partner.
If the react app is being accessed from a.com then I want to serve all assets in src/partners/a and if the react app is being accessed from b.com then I want to serve all assets in src/partners/b.

I already developed a few pages lately and then I see this in my console when I’m creating a new page

hey iam start trying react-termal-printer package on my vite-react application,

I already migrate from CRA to Vite.js for better developer experience.
After that, the proxy doesn’t work.

I’m trying to create a reusable component for my react project (using Vite). For some reason I keep getting the error that it can’t resolve the import. In my dev environment everything seems to be fine (all paths are recognized)
Am I missing a step?

const [isLoading, setIsLoading] = useState(false); //this is the whole method where I want to use it const joinRoom = () => { const roomKey = roomKeyInput.current.value; if(roomKey == null) return let req = { sessionId: sessionId, socketId: socket.id } setIsLoading(true) axios.post(`${hostName}/join-room/${roomKey}`, req) .then((res)=>{ if(res.data.success){ setIsRoomAdmin(false) setRoomKey(res.data.roomKey) setConnectedToRoom(true); socket.emit(‘connect-to-room’, { roomKey: roomKey }) } }).catch(function (error) […]