【React】react-router-domを使ったローダーの実装方法

【Components/Top.tsx】

export function loader() {
  const array : any = [ 'test01', 'test02', 'test03' ]
  return array
}
export default function Top() {
  const topData = useRouteLoaderData("top-array")
  // 以下、処理を入れる
}

【index.tsx】

import Top, { loader as topLoader } from 'Components/Top.tsx'

createBrowserRouter([
  {
    path: "/",
    element: ,
    id: "top-array",
    loader: topLoader,
  },
]);