Module not found: Error: Package path ./react/swiper-react is not exported from package

Question

I upgraded to react-scripts v5, and I'm getting these errors:

This is how my imports look based on Swiper documentation:

import { Swiper, SwiperSlide } from 'swiper/react/swiper-react';

import 'swiper/swiper-bundle.min.css';
import 'swiper/swiper.min.css';

Answer 1

Change

import { SwiperSlide } from 'swiper/react/swiper-react.js';

to

import { SwiperSlide } from 'swiper/react';

source https://github.com/nolimits4web/swiper/issues/4003

Answer 2

User not found in storage

You incorrect storage object used to persist User for currently authenticated user.

Remove undefined from new Oidc.WebStorageStateStore(undefined). userStore by default work with session storage.

If you want to use local storage just do it new WebStorageStateStore({ store: window.localStorage })

Docs