Inflearn コミュニティ Q&A

import { lazy } from "react";
import GlobalLayout from "./src/pages/_layout";

const Index = lazy(() => import("./src/pages/index"));
const PoroductsIndex = lazy(() => import("./src/pages/products/index"));
const ProductsId = lazy(() => import("./src/pages/products/[id]"));

export const routes = [
  {
    path: "/",
    element: <GlobalLayout />,
    children: [
      { path: "/", element: <Index /> },
      { path: "/products", element: <PoroductsIndex /> },
      { path: "/products/:id", element: <ProductsId /> },
    ],
  },
];

export const pages = [
  { route: "/" },
  { route: "/cart" },
  { route: "/payment" },
  { route: "/products" },
  { route: "/products/:id" },
];

windows 이고 파일 자동생성이 안되서 하나씩 쳤네요ㅠㅠㅠㅠㅠㅠㅠ
저와 같이 고생하시는 분 계실까봐 남겨놓습니다

경로만 체크하시면 될거같아요!