nextjs layout fc with semi layout conflict

[linpan]

Is there an existing issue for this?

• I have searched the existing issues

Which Component

No response

Semi Version

No response

Current Behavior

No response

Expected Behavior

No response

Steps To Reproduce

No response

ReproducibleCode

# semi layout
import { Layout } from '@douyinfe/semi-ui';


# nextjs layout 的用法， 
import SideNav from '@/app/ui/dashboard/sidenav';
 
export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
      <div className="w-full flex-none md:w-64">
        <SideNav />
      </div>
      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
    </div>
  );
}

如何把semi layout 替代或者继承 nextjs layout, 或者在nextjs 如何使用semi layout

Environment

- OS:
- browser:

Anything else?

No response