// drawer.tsx
'use client'

export function Drawer() {
  const pathname = usePathname()

  return pathname === 'someslug' ? <div>Drawer</div> : null
}

// page.tsx
import Link from 'next/link'

export default function Page() {

  return (
    <>
      <Link href='/someslug'>open</Link>
    </>
  )
}

// someslug/page.tsx
const SomeSlug = () => {
  return <Drawer />;
};

export default SomeSlug;

// page.tsx
      <Link href="/someslug">open</Link>

// drawer.tsx
  return pathname === "someslug" ? (
    <DrawerPortal>
      {isDrawerOpen && (
        <>
          <div
            className="fixed inset-0 bg-black opacity-50"
            onClick={closeDrawer}
          ></div>
          <div className="fixed inset-y-0 right-0 max-w-xs w-full bg-white overflow-y-auto transform translate-x-0 transition-transform ease-in-out duration-300 drawer-portal open">
            <DrawerContent onClose={closeDrawer} />
          </div>
        </>
      )}
    </DrawerPortal>
  ) : null;

// @modal/(.)t1/page.tsx
import Modal from "@/components/ui/modal";

export default function PhotoModal() {
  return <Modal>Test 2</Modal>;
}

// t1/page.tsx


const TEST1 = () => {
  return <div>TEST1</div>;
};

export default TEST1;

// app/page.tsx
<Link href="/t1">open test</Link>

Application error: a client-side exception has occurred (see the browser console for more information).