filter out unused fields as they fail import validation (#2997)

frontend/src/component/project/Project/Import/configure/ImportOptions.tsx

@@ -43,7 +43,7 @@ export const ImportOptions: FC<IImportOptionsProps> = ({
         if (environment === '' && environmentOptions[0]) {
             onChange(environmentOptions[0].key);
         }
-    }, []);
+    }, [JSON.stringify(environmentOptions)]);
 
     return (
         <ImportOptionsContainer>

frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportCard/ReportCard.tsx

@@ -148,7 +148,7 @@ export const ReportCard = ({ healthReport }: IReportCardProps) => {
                     </li>
                 </StyledList>
             </Box>
-            <Box sx={{flexBasis: '40%'}}>
+            <Box sx={{ flexBasis: '40%' }}>
                 <StyledHeader>Potential actions</StyledHeader>
                 <StyledList>
                     <li>
@@ -168,11 +168,7 @@ export const ReportCard = ({ healthReport }: IReportCardProps) => {
                             toggles.
                         </StyledAlignedItem>
                     }
-                    elseShow={
-                        <span>
-                            No action is required
-                        </span>
-                    }
+                    elseShow={<span>No action is required</span>}
                 />
             </Box>
         </StyledPaper>

src/lib/services/export-import-service.ts

@@ -128,9 +128,16 @@ export default class ExportImportService {
                 return rest;
             }),
             featureStrategies: featureStrategies.map((item) => {
-                const { createdAt, ...rest } = item;
+                const name = item.strategyName;
+                const {
+                    createdAt,
+                    projectId,
+                    environment,
+                    strategyName,
+                    ...rest
+                } = item;
                 return {
-                    name: rest.strategyName,
+                    name,
                     ...rest,
                 };
             }),
@@ -143,7 +150,10 @@ export default class ExportImportService {
                 return rest;
             }),
             featureTags,
-            segments: filteredSegments,
+            segments: filteredSegments.map((item) => {
+                const { createdAt, createdBy, ...rest } = item;
+                return rest;
+            }),
         };
         await this.eventStore.store({
             type: FEATURES_EXPORTED,