commerce/src/components/common/Layout/Layout.tsx

import { CommerceProvider } from '@framework'
import { useRouter } from 'next/router'
import { FC } from 'react'
import { CartDrawerProvider, MessageProvider } from 'src/components/contexts'
import LayoutContent from './LayoutContent/LayoutContent'
interface Props {
  className?: string
  children?: any
}

const Layout: FC<Props> = ({ children }) => {
  const { locale = 'en-US' } = useRouter()
  return (
    <CommerceProvider locale={locale}>
      <CartDrawerProvider>
        <MessageProvider>
          <LayoutContent>{children}</LayoutContent>
        </MessageProvider>
      </CartDrawerProvider>
    </CommerceProvider>
  )
}

export default Layout