Use Media Query

import { useMediaQuery } from "@/hooks/use-media-query"

function MyComponent() {
  const isMobile = useMediaQuery("(max-width: 768px)")

  return (
    <div>
      {isMobile ? <MobileLayout /> : <DesktopLayout />}
    </div>
  )
}