Fix: avoid inititializing RGL on each render (prevents rerenders)

luzmo-official · Sep 9, 2024 · 0f4429b · 0f4429b
1 parent 9811a8a
commit 0f4429b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/drag-n-drop-chart-library/src/App.js b/drag-n-drop-chart-library/src/App.js
@@ -14,15 +14,16 @@ import userflow from "userflow.js";
 userflow.init("ct_65z5oczamna45bveai47cpcbpe");
 userflow.identifyAnonymous();
 
+// initialize RGL
+const ReactGridLayout = WidthProvider(RGL);
+
 export default function App() {
   // initialize state
   const [open, setOpen] = React.useState(false);
   const [layout, setLayout] = React.useState(initialState.layout);
   const [activeCharts, setActiveCharts] = React.useState(
     initialState.activeCharts
   );
-  // initialize RGL
-  const ReactGridLayout = WidthProvider(RGL);
 
   // App functions
   const handleClearCharts = () => {