How to Use Client Component Libraries in Next.JS 13 Server Components (React-Bootstrap)

📣 Follow Coding in Flow on social media:

[besim]

i was trying to create a carousel in my server component and stumbled in a bunch of errors until i saw this video, thank you so much man.

[ban_droid]

there's a dirty trick to avoid importing the components one-by-one each time you're using a new component.

"use client";
export * from "react-bootstrap";

// and you're importing it just normally

import { Container } from

altough this was not recommended if the library has big bundle size, e.g material-ui

[MashaoleMogale]

How can I do this for framer motion as it uses
<motion.div> and nextjs doesn’t seem to allow the dot

[fooked]

Doesn't this defeat the purpose of server side rendering?

[salemelatar]

was that necessary before using next App dir ?