Refine Dev Server (Vite) hangs on Chrome 129

Anyone else unable to get refine dev to load in Chrome 129? Works fine in Safari
2 Replies
kapa.ai
kapa.ai6d ago
Hi @geoffatsource. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- It seems like you are experiencing an issue with the refine dev server hanging in Chrome 129, while it works fine in Safari. This issue might be related to a known problem with the MUI Data Grid not scaling properly in Chrome, as mentioned in Github Issue #6077 (https://github.com/refinedev/refine/issues/6077). Here are a few steps you can take to potentially resolve this issue: 1. Check for Chrome-specific Issues: As noted in the issue, there are no problems with Safari, but Chrome has some issues. Ensure that your Chrome browser is up to date and try clearing the cache. 2. Apply a Workaround: You can try applying a CSS workaround to ensure that the layout scales properly. This can be done at the theme level or by modifying the ThemedLayoutV2 component directly. Here is an example of how you can set the width to 100%:
MuiCssBaseline: {
styleOverrides: {
".MuiBox-root": {
width: "100%", // Set the width to 100% as can break responsiveness of the layout
},
},
},

MuiCssBaseline: {
styleOverrides: {
".MuiBox-root": {
width: "100%", // Set the width to 100% as can break responsiveness of the layout
},
},
},

However, be cautious as this might have other consequences on the styling of your page. 3. Eject and Modify ThemedLayoutV2: If the above workaround causes other styling issues, it might be best to eject the ThemedLayoutV2 and make the necessary updates there. 4. Check for Recent Changes: If the issue started occurring recently, it might be related to a Chrome update or changes in your codebase. Reverting to a previous version of Chrome or your code might help identify the cause. If these steps do not resolve the issue, you might want to follow up on the Github Issue #6077 (https://github.com/refinedev/refine/issues/6077) for any updates or further assistance from the community. For more detailed troubleshooting, you can also join the Refine Discord community to get help and discuss with other users: Refine Discord (https://discord.gg/refine). If you need further assistance, please provide more details about your setup and any error messages you are seeing. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai6d ago
<@1014305963219615754> kapa.ai is still learning and improving, please let us know how it did by reacting below