Filter the integration types with the feature flag within the hook it…

…self

resources/ts/Components/IntegrationTypes.tsx

@@ -80,23 +80,25 @@ export const getIntegrationTypesInfo = (t: TFunction) => [
 export const useIntegrationTypesInfo = () => {
   const { t } = useTranslation();
 
-  return useMemo(() => getIntegrationTypesInfo(t), [t]);
+  return useMemo(() => {
+    const integrationTypesInfo = getIntegrationTypesInfo(t);
+
+    // See https://jira.publiq.be/browse/PPF-481
+    return uitpasEnabled
+      ? integrationTypesInfo
+      : integrationTypesInfo.filter(
+          (integrationTypesInfo) =>
+            integrationTypesInfo.type !== IntegrationType.UiTPAS
+        );
+  }, [t]);
 };
 
 export type IntegrationTypesInfo = ReturnType<
   typeof getIntegrationTypesInfo
 >[number];
 
 export const IntegrationTypes = () => {
-  const integrationTypesInfo = useIntegrationTypesInfo();
-
-  // See https://jira.publiq.be/browse/PPF-481
-  const filteredIntegrationTypes = uitpasEnabled
-    ? integrationTypesInfo
-    : integrationTypesInfo.filter(
-        (integrationTypesInfo) =>
-          integrationTypesInfo.type !== IntegrationType.UiTPAS
-      );
+  const filteredIntegrationTypes = useIntegrationTypesInfo();
 
   return (
     <div>