Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/ui/utilities/debug/components/TimingProfiler.tsx

@@ -0,0 +1,44 @@
+import { Profiler } from 'react';
+import { Interaction } from 'scheduler/tracing';
+
+import { logDebug } from '~/utils/logDebug';
+
+type TimingProfilerProps = {
+  id: string;
+  children: React.ReactNode;
+};
+
+export const TimingProfiler = ({ id, children }: TimingProfilerProps) => {
+  const handleRender = (
+    id: string,
+    phase: 'mount' | 'update' | 'nested-update',
+    actualDuration: number,
+    baseDuration: number,
+    startTime: number,
+    commitTime: number,
+    interactions: Set<Interaction>,
+  ) => {
+    logDebug(
+      'TimingProfiler',
+      JSON.stringify(
+        {
+          id,
+          phase,
+          actualDuration,
+          baseDuration,
+          startTime,
+          commitTime,
+          interactions,
+        },
+        null,
+        2,
+      ),
+    );
+  };
+
+  return (
+    <Profiler id={id} onRender={handleRender}>
+      {children}
+    </Profiler>
+  );
+};