feat(system): path to upgrade standalone to BE [EE-4071] (#8095)

app/react/hooks/withHideOnExtension.tsx

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+
+/**
+ * Hides the wrapped component if portainer is running as a docker extension.
+ */
+export function withHideOnExtension<T>(
+  WrappedComponent: ComponentType<T>
+): ComponentType<T> {
+  // Try to create a nice displayName for React Dev Tools.
+  const displayName =
+    WrappedComponent.displayName || WrappedComponent.name || 'Component';
+
+  function WrapperComponent(props: T) {
+    if (window.ddExtension) {
+      return null;
+    }
+
+    return <WrappedComponent {...props} />;
+  }
+
+  WrapperComponent.displayName = `withHideOnExtension(${displayName})`;
+
+  return WrapperComponent;
+}