diff --git a/packages/base/src/wrapper/withWebComponent.tsx b/packages/base/src/wrapper/withWebComponent.tsx
index afdcb25d9b2..2b7c69a822e 100644
--- a/packages/base/src/wrapper/withWebComponent.tsx
+++ b/packages/base/src/wrapper/withWebComponent.tsx
@@ -190,7 +190,7 @@ export const withWebComponent = <Props extends Record<string, any>, RefType = Ui
       });
     }, [Component, ...propsToApply]);
 
-    useEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       setAttachEvents(true);
     }, []);