fix(client-electron): prevent flicker in json viewer

marcincichocki · Oct 11, 2022 · f26af63 · f26af63
1 parent 6e5c55b
commit f26af63
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/electron/renderer/pages/CalibrateFragment.tsx b/src/electron/renderer/pages/CalibrateFragment.tsx
@@ -11,7 +11,7 @@ import {
   TestThresholdData,
   UpdateSettingsAction,
 } from '@/electron/common';
-import { useEffect, useState } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
 import { useOutletContext, useParams } from 'react-router-dom';
 import styled from 'styled-components';
 import { dispatchAsyncRequest, fromCamelCase } from '../common';
@@ -178,7 +178,7 @@ export const CalibrateFragment = () => {
       ? hexCodeValidator
       : undefined;
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     setTestResult(result);
     setTestThreshold(result.threshold ?? 0);
   }, [fragmentId]);