Uncaught TypeError: Cannot read properties of undefined (reading 'index') at UserProfile (UserProfile.jsx:24:32) at renderWithHooks (react-dom.development.js:16305:18) at updateFunctionComponent (react-dom.development.js:19588:15) at beginWork (react-dom.development.js:21601:16) at beginWork$1 (react-dom.development.js:27426:14) at performUnitOfWork (react-dom.development.js:26557:12) at workLoopSync (react-dom.development.js:26466:5) at renderRootSync (react-dom.development.js:26434:7) at recoverFromError (react-dom.development.js:25850:20) at performSyncWorkOnRoot (react-dom.development.js:26096:20) at react-dom.development.js:13052:26 at unstable_runWithPriority (scheduler.development.js:468:12) at runWithPriority$1 (react-dom.development.js:12991:10) at flushSyncCallbackQueueImpl (react-dom.development.js:13047:9) at flushSyncCallbackQueue (react-dom.development.js:13034:3) at scheduleUpdateOnFiber (react-dom.development.js:25525:9) at dispatchSetState (react-dom.development.js:17577:7) at main.js:45:13