diff --git a/next/camera-snapshot/src/components/camera-snapshot.tsx b/next/camera-snapshot/src/components/camera-snapshot.tsx
index ce6077c..d9ce0ed 100644
--- a/next/camera-snapshot/src/components/camera-snapshot.tsx
+++ b/next/camera-snapshot/src/components/camera-snapshot.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head';
-import { useLayoutEffect, useRef, useState, CSSProperties } from 'react';
+import { useEffect, useRef, useState, CSSProperties } from 'react';
 import {
   EventActions,
   defineComponents,
@@ -46,7 +46,7 @@ export default function CameraSnapshot() {
     }
   };
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const containerCurrent = containerRef.current;
 
     void defineComponents();
@@ -60,7 +60,7 @@ export default function CameraSnapshot() {
     }
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const elementRefCurrent = elementRef.current;
 
     if (!elementRefCurrent) return;
diff --git a/next/document-reader/src/components/document-reader.tsx b/next/document-reader/src/components/document-reader.tsx
index 7cd1b9a..804f352 100644
--- a/next/document-reader/src/components/document-reader.tsx
+++ b/next/document-reader/src/components/document-reader.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head';
-import { useLayoutEffect, useRef, useState, CSSProperties } from 'react';
+import { useEffect, useRef, useState, CSSProperties } from 'react';
 import {
   EventActions,
   DocumentReaderDetailType,
@@ -49,7 +49,7 @@ export default function DocumentReader() {
     }
   };
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const containerCurrent = containerRef.current;
 
     window.RegulaDocumentSDK = new DocumentReaderService();
@@ -80,7 +80,7 @@ export default function DocumentReader() {
     }
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const elementRefCurrent = elementRef.current;
 
     if (!elementRefCurrent) return;
diff --git a/react-ts/camera-snapshot/App.tsx b/react-ts/camera-snapshot/App.tsx
index 7effe12..a08def3 100644
--- a/react-ts/camera-snapshot/App.tsx
+++ b/react-ts/camera-snapshot/App.tsx
@@ -1,4 +1,4 @@
-import { CSSProperties, useLayoutEffect, useRef, useState } from 'react';
+import { CSSProperties, useEffect, useRef, useState } from 'react';
 import {
   EventActions,
   defineComponents,
@@ -45,7 +45,7 @@ function App() {
     }
   };
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const containerCurrent = containerRef.current;
 
     void defineComponents();
@@ -59,7 +59,7 @@ function App() {
     }
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const elementRefCurrent = elementRef.current;
 
     if (!elementRefCurrent) return;
diff --git a/react-ts/document-reader-device/App.tsx b/react-ts/document-reader-device/App.tsx
index 2b6a1f4..f924772 100644
--- a/react-ts/document-reader-device/App.tsx
+++ b/react-ts/document-reader-device/App.tsx
@@ -1,4 +1,4 @@
-import { useState, useRef, useLayoutEffect, CSSProperties } from 'react';
+import { useState, useRef, useEffect, CSSProperties } from 'react';
 import {
   EventActions,
   defineComponents,
@@ -32,7 +32,7 @@ function App() {
   const containerRef = useRef<HTMLDivElement>(null);
   const elementRef = useRef<DocumentReaderDeviceWebComponent>(null);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const containerCurrent = containerRef.current;
     const listener = (data: CustomEvent<DocumentReaderDetailType>) => {
       if (data.detail.action === EventActions.PROCESS_FINISHED) {
@@ -59,7 +59,7 @@ function App() {
     }
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const elementRefCurrent = elementRef.current;
 
     if (!elementRefCurrent) return;
diff --git a/react-ts/document-reader/App.tsx b/react-ts/document-reader/App.tsx
index 12a9870..937351a 100644
--- a/react-ts/document-reader/App.tsx
+++ b/react-ts/document-reader/App.tsx
@@ -1,4 +1,4 @@
-import { CSSProperties, useLayoutEffect, useRef, useState } from 'react';
+import { CSSProperties, useEffect, useRef, useState } from 'react';
 import {
   defineComponents,
   DocumentReaderService,
@@ -48,7 +48,7 @@ function App() {
     }
   };
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const containerCurrent = containerRef.current;
 
     window.RegulaDocumentSDK = new DocumentReaderService();
@@ -78,7 +78,7 @@ function App() {
     }
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const elementRefCurrent = elementRef.current;
 
     if (!elementRefCurrent) return;