[DevTools Bug]: Cannot read properties of undefined (reading 'toLowerCase')

### Website or app React app in development phase ### Repro steps <img width="1067" alt="image" src="https://github.com/facebook/react/assets/57346455/7b4b06c1-37f8-4edb-b67e-c816e983c441"> Occurs when you click on a component on the Component tab. Recently, I worked on replacing it with react-hot-loader -> react-refresh. The above error has occurred since the react-refresh application. No error occurs when react-refresh is removed from the webpack. The react-refresh is set the same as the official document. ### How often does this bug happen? Every time ### DevTools package (automated) _No response_ ### DevTools version (automated) 4.28.5 ### Error message (automated) Cannot read properties of undefined (reading 'toLowerCase') ### Error call stack (automated) ```text utils.js:626 Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase') at formatDataForPreview (utils.js:626:1) at dehydrate (hydration.js:83:1) at cleanForBridge (utils.js:26:1) at Object.inspectElement (renderer.js:3356:1) at agent.js:175:1 at Bridge.emit (events.js:37:1) at bridge.js:136:1 at listener (backendManager.js:1:25284) ``` ### Error component stack (automated) _No response_ ### GitHub query string (automated) _No response_