✅ test: attempt to fix the Storybook tests

Author: svenvandescheur

frontend/src/pages/zaaktype/Zaaktype.stories.tsx

@@ -19,7 +19,11 @@ type Story = StoryObj<typeof meta>;
 export const ZaaktypePage: Story = {
   parameters: {
     reactRouter: reactRouterParameters({
+      location: {
+        pathParams: { id: "42" },
+      },
       routing: {
+        path: ":id",
         loader: zaaktypeLoader,
       },
     }),

frontend/src/pages/zaaktype/Zaaktype.tsx

@@ -1,22 +1,19 @@
-import { DetailTemplate, FieldSet } from "@maykin-ui/admin-ui";
+import { DetailTemplate } from "@maykin-ui/admin-ui";
 import { useLoaderData } from "react-router";
-import { ZaakType } from "~/pages";
+import { ZaakType, ZaaktypeLoaderData } from "~/pages";
 
 /**
  * Zaaktype page
  */
-export function ZaaktypePage<T extends { name: string } = ZaakType>() {
-  const { data, fieldsets } = useLoaderData<{
-    data: T;
-    fieldsets: FieldSet<T>[];
-  }>();
+export function ZaaktypePage() {
+  const { object, fieldsets } = useLoaderData<ZaaktypeLoaderData>();
 
   return (
-    <DetailTemplate<T>
+    <DetailTemplate<ZaakType>
       attributeGridProps={{
-        title: data.name,
+        title: object.name,
         fieldsets,
-        object: data,
+        object: object,
       }}
     />
   );

frontend/src/pages/zaaktype/zaaktype.loader.tsx

@@ -3,7 +3,7 @@ import { LoaderFunctionArgs } from "react-router";
 import { ZAAKTYPE_FIELDSETS, ZaakType, zaaktypenLoader } from "~/pages";
 
 export type ZaaktypeLoaderData = {
-  data: ZaakType;
+  object: ZaakType;
   fieldsets: FieldSet<ZaakType>[];
 };
 
@@ -17,7 +17,7 @@ export async function zaaktypeLoader({
   // Probably not a great idea when implementing.
   const { objectList } = await zaaktypenLoader();
   return {
-    data: objectList.find((row) => row.id === parseInt(params?.id || ""))!,
+    object: objectList.find((row) => row.id === parseInt(params?.id || ""))!,
     fieldsets: ZAAKTYPE_FIELDSETS,
   };
 }