refactor: add some optimization to make it look smoother

Author: invisal

src/renderer/components/ResizableTable/index.tsx

@@ -4,6 +4,7 @@ import {
   useEffect,
   useRef,
   useState,
+  memo,
 } from 'react';
 import styles from './styles.module.scss';
 
@@ -62,7 +63,7 @@ function ResizeHandler({ idx }: { idx: number }) {
   );
 }
 
-export default function ResizableTable({
+const ResizableTable = memo(function ResizableTable({
   headers,
   children,
 }: PropsWithChildren<ResizableTableProps>) {
@@ -81,6 +82,8 @@ export default function ResizableTable({
     }
   }, [tableRef, setGridCSSPrepared]);
 
+  console.log('re-render');
+
   return (
     <table ref={tableRef} className={styles.table}>
       {isGridCSSPrepared && (
@@ -110,4 +113,6 @@ export default function ResizableTable({
       )}
     </table>
   );
-}
+});
+
+export default ResizableTable;

src/renderer/contexts/ContextMenuProvider.tsx

@@ -48,7 +48,7 @@ export function useContextMenu(
     (e: React.MouseEvent) => {
       if (!open) {
         setIntentToOpenCounter((prev) => prev + 1);
-        setTimeout(() => handleContextMenu(e), 50);
+        setTimeout(() => handleContextMenu(e), 10);
       }
     },
     [setIntentToOpenCounter, open, handleContextMenu]