Swiper with nextJS 15

[justiceajah]

Hello everyone,
I'm working on a mono repo project with a slider component in the UI packages. Everything works for the story book.
But can't say the same in my next app.

I'm using next 15 and this error is thrown when using the slider component in my next application:

Error: You're importing a component that needs useState. This React hook only works in a client component. To fix, mark the file (or its parent) with the "use client" directive.

Which points to this file - /ui/dist/index.mjs

I have tried making the Slider component a client component by adding 'use client' to it.

Thanks for your assistance.

Justice

[justiceajah]

I found a solution that worked for me. This might be helpful for someone in the future.

Solution:
Adding 'use client' to the components export in my index.ts file in the UI package.

The file now looks like this:
// packages/ui
//index.ts
'use client'
// components
export * from './src/components'