feat(memoize-table-columns): memoize device list table columns

nurikk · Dec 10, 2023 · ec9bf9e · ec9bf9e
1 parent 57fad52
commit ec9bf9e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/zigbee/DevicesTable.tsx b/src/components/zigbee/DevicesTable.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import style from './style.module.css';
 import { genDeviceDetailsLink, lastSeen, toHex } from '../../utils';
 import { useTranslation } from 'react-i18next';
@@ -72,7 +72,7 @@ export function DevicesTable(
               },
           ]
         : [];
-    const columns = [
+    const columns = useMemo(() => [
         {
             id: 'pic',
             Header: t('pic'),
@@ -182,7 +182,7 @@ export function DevicesTable(
             },
             disableSortBy: true,
         },
-    ];
+    ], []);
 
     return (
         <div className="card">