⚡ [#235] feat: Prevent list loader to fire on detail page

Author: SilviaAmAm

frontend/src/pages/informatieobjecttypen/InformatieObjectTypenPage.tsx

@@ -1,12 +1,16 @@
 import { Button, Outline } from "@maykin-ui/admin-ui";
 import { useCallback } from "react";
-import { NavLink, useLoaderData, useLocation } from "react-router";
+import { NavLink, Outlet, useLoaderData, useLocation } from "react-router";
 import { getUUIDFromString } from "~/lib/format/string.ts";
 import { components } from "~/types";
 import { ListView } from "~/views";
 
 import { InformatieObjectTypenLoaderData } from "./informatieobjecttype.loader";
 
+export function InformatieObjectTypeParentPage() {
+  return <Outlet />;
+}
+
 export function InformatieObjectTypenPage() {
   const loaderData = useLoaderData<InformatieObjectTypenLoaderData>();
   const { pathname } = useLocation();

frontend/src/routes.tsx

@@ -15,7 +15,10 @@ import {
   zaaktypenLoader,
 } from "~/pages";
 import { InformatieObjectTypeCreatePage } from "~/pages/informatieobjecttypecreate/InformatieObjectTypeCreatePage";
-import { InformatieObjectTypenPage } from "~/pages/informatieobjecttypen";
+import {
+  InformatieObjectTypeParentPage,
+  InformatieObjectTypenPage,
+} from "~/pages/informatieobjecttypen";
 import { informatieobjecttypenLoader } from "~/pages/informatieobjecttypen/informatieobjecttype.loader";
 import { zaaktypeAction } from "~/pages/zaaktype/zaaktype.action.ts";
 
@@ -97,9 +100,13 @@ export const routes: RouteObject[] = [
               {
                 id: "informatieobjecttypen",
                 path: "informatieobjecttypen",
-                element: <InformatieObjectTypenPage />,
-                loader: informatieobjecttypenLoader,
+                element: <InformatieObjectTypeParentPage />,
                 children: [
+                  {
+                    index: true,
+                    element: <InformatieObjectTypenPage />,
+                    loader: informatieobjecttypenLoader,
+                  },
                   {
                     id: "create-informatieobjecttype",
                     path: "create",