RSC Error when using Card in NextJS 13 page

[dennyferra]

NextUI docs states: As NextUI components use React hooks, we added the use client; at build time, so you can import them directly in your React Server Components (RSC).

However I have a NextJS 13.4.2 app and a trying to use the Card component in an app page but I get the following error:

./..\..\node_modules\@react-aria\i18n\dist\real-module.mjs
ReactServerComponentsError:

You're importing a component that needs useEffect. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.

My page looks like this:

import { Card, CardBody } from '@nextui-org/react';

export default function AssetsCreatePage() {
    return (
        <Card radius="none">
            <CardBody>Hello world</CardBody>
        </Card>
    );
}

I can solve this by adding use client in my page but I'm just wondering if this is a bug?

[dennyferra]

I read this in the documentation when I started with NextUI but completely forgot about it... just need to import from the individual components and it works fine with Next.js:

Note that you need to import the component from the individual package, not from @nextui-org/react.