I have been trying to upgrade my react application from version 16 to version 18. I have upgraded all the dependencies but when I start running the application. I see this error.

GET https://statics.teams.cdn.office.net/assets/tramanase theme defau net::ERR ABORTED 404 (Not Found)

Uncaught TypeError: Cannot read properties react-theme-provider.40 of undefined (reading 'func')

at/node modules/react-theme-provider/dist/react-theme-provider.js (ceast-theme-provider. 15:40:1)

at options.factory (react refresh:5:1)

at_webpack require (bootstrap:22:1) at fn (hot module replacement:61:1)

at/node modules/react-theme-provider/dist/index.js (index.sx7:1)

at options.factory (react refresh:6:1)

at webpack require (bootstrap:22:1) at fn (hot module replacement: 61.1)

at/src/components/my-space/FeedbackPopup.tsx ( ContestChallengeView.tsx:4:1) at options.factory (react refresh:6:1)

options.factory

webpack require

options.factory

webpack require

@b

fn

./src/components/my-space/FeedbackPopup.tsx options factory

I was using fluent UI theme provider but later due compatibility issue, started using react theme provider.