From 886d1a551a37db050b1e2377df76bbdfa44c1fa9 Mon Sep 17 00:00:00 2001
From: Slinetrac <realakayuki@gmail.com>
Date: Fri, 17 Oct 2025 15:11:36 +0800
Subject: [PATCH] refactor: useLayoutEffect

---
 src/components/connection/connection-table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/connection/connection-table.tsx b/src/components/connection/connection-table.tsx
index ec2d9b70..efc3c799 100644
--- a/src/components/connection/connection-table.tsx
+++ b/src/components/connection/connection-table.tsx
@@ -6,7 +6,7 @@ import {
 } from "@mui/x-data-grid";
 import dayjs from "dayjs";
 import { useLocalStorage } from "foxact/use-local-storage";
-import { useEffect, useMemo, useState } from "react";
+import { useLayoutEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import parseTraffic from "@/utils/parse-traffic";
@@ -21,7 +21,7 @@ export const ConnectionTable = (props: Props) => {
   const { connections, onShowDetail } = props;
   const { t } = useTranslation();
   const apiRef = useGridApiRef();
-  useEffect(() => {
+  useLayoutEffect(() => {
     const PATCH_FLAG_KEY = "__clashPatchedPublishEvent" as const;
     const ORIGINAL_KEY = "__clashOriginalPublishEvent" as const;
     let isUnmounted = false;