From 67be834a616e1407e877c6ee0462816c0bb7ecab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Wed, 18 Oct 2023 08:04:13 +0100
Subject: [PATCH] fix: Give FormWrapper unique id, tighten Option type

---
 .../src/@planx/components/Checklist/Public.tsx            | 8 ++++----
 editor.planx.uk/src/@planx/components/shared/index.ts     | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/editor.planx.uk/src/@planx/components/Checklist/Public.tsx b/editor.planx.uk/src/@planx/components/Checklist/Public.tsx
index e583700818..f944eac47d 100644
--- a/editor.planx.uk/src/@planx/components/Checklist/Public.tsx
+++ b/editor.planx.uk/src/@planx/components/Checklist/Public.tsx
@@ -41,7 +41,7 @@ function getFlatOptions({
     return options;
   }
   if (groupedOptions) {
-    return groupedOptions.flatMap((group: any) => group.children);
+    return groupedOptions.flatMap((group) => group.children);
   }
   return [];
 }
@@ -142,9 +142,9 @@ const ChecklistComponent: React.FC<Props> = ({
         <ErrorWrapper error={formik.errors.checked} id={id}>
           <Grid container spacing={layout === ChecklistLayout.Images ? 2 : 0}>
             {options ? (
-              options.map((option: any) =>
+              options.map((option) =>
                 layout === ChecklistLayout.Basic ? (
-                  <FormWrapper>
+                  <FormWrapper key={option.id}>
                     <Grid item xs={12} key={option.data.text}>
                       <ChecklistItem
                         onChange={changeCheckbox(option.id)}
@@ -201,7 +201,7 @@ const ChecklistComponent: React.FC<Props> = ({
                               isExpanded ? "-expanded" : ""
                             }`}
                           >
-                            {group.children.map((option: any) => (
+                            {group.children.map((option) => (
                               <ChecklistItem
                                 onChange={changeCheckbox(option.id)}
                                 key={option.data.text}
diff --git a/editor.planx.uk/src/@planx/components/shared/index.ts b/editor.planx.uk/src/@planx/components/shared/index.ts
index 2c5bda3cfd..364bc753bd 100644
--- a/editor.planx.uk/src/@planx/components/shared/index.ts
+++ b/editor.planx.uk/src/@planx/components/shared/index.ts
@@ -19,12 +19,12 @@ export const parseMoreInformation = (
 });
 
 export interface Option {
-  id?: string;
+  id: string;
   data: {
     description?: string;
     flag?: string;
     img?: string;
-    text?: string;
+    text: string;
     val?: string;
   };
 }