Merge pull request Expensify#29744 from software-mansion-labs/ts-migr…

…ation/custom-dev-menu-component

[TS migration] Migrate 'CustomDevMenu' component to TypeScript

src/components/CustomDevMenu/index.native.tsx

@@ -0,0 +1,18 @@
+import {useEffect} from 'react';
+import DevMenu from 'react-native-dev-menu';
+import toggleTestToolsModal from '@userActions/TestTool';
+import CustomDevMenuElement from './types';
+
+const CustomDevMenu: CustomDevMenuElement = Object.assign(
+    () => {
+        useEffect(() => {
+            DevMenu.addItem('Open Test Preferences', toggleTestToolsModal);
+        }, []);
+        return <></>;
+    },
+    {
+        displayName: 'CustomDevMenu',
+    },
+);
+
+export default CustomDevMenu;

src/components/CustomDevMenu/index.tsx

@@ -0,0 +1,5 @@
+import CustomDevMenuElement from './types';
+
+const CustomDevMenu: CustomDevMenuElement = Object.assign(() => <></>, {displayName: 'CustomDevMenu'});
+
+export default CustomDevMenu;

src/components/CustomDevMenu/types.ts

@@ -0,0 +1,8 @@
+import {ReactElement} from 'react';
+
+type CustomDevMenuElement = {
+    (): ReactElement;
+    displayName: string;
+};
+
+export default CustomDevMenuElement;