title: Attempted import error: 'useSwiper' is not exported from 'swiper/react/swiper-react'
body: <p>I am using SwiperJS in Next.js and trying to set up custom navigation. I want to use the useSwiper hook as explained in the docs (<a href="https://swiperjs.com/react#use-swiper" rel="nofollow noreferrer">https://swiperjs.com/react#use-swiper</a>) but the import is not working.</p>
  <p>When trying to import the hook;
  <code>import {Swiper, SwiperSlide, useSwiper} from 'swiper/react/swiper-react'</code> i am running in to error <code>Attempted import error: 'useSwiper' is not exported from 'swiper/react/swiper-react'.</code></p>
  <p>I have checked the swiper-react.js file and as far as i can see it does export the useSwiper hook;</p>
  <pre><code>import { Swiper } from './swiper.js';
  import { SwiperSlide } from './swiper-slide.js';
  export { useSwiperSlide, useSwiper } from './context.js';
  export { Swiper, SwiperSlide }
  </code></pre>
  <p>The Swiper and SwiperSlide imports are working fine.</p>
  <p>Unsure as to why this is happening if anyone can please help?</p>