From 7984d4ee6c36bded65a47df0ea356b2092ae3ff2 Mon Sep 17 00:00:00 2001
From: Gowtham G <webappsbygowtham@gmail.com>
Date: Tue, 6 Oct 2026 22:18:44 +0530
Subject: [PATCH 1/3] fix: scope MDImage image-size effect to uri changes

The effect ran after every render and re-fetched on each update,

causing a render loop under async act.
---
 src/components/MDImage.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/MDImage.tsx b/src/components/MDImage.tsx
index 6fcaaa1d..78e2bd8a 100644
--- a/src/components/MDImage.tsx
+++ b/src/components/MDImage.tsx
@@ -38,7 +38,7 @@ const MDImage: FunctionComponent<MDImageProps> = ({
 	 * Fetches image dimension
 	 * Sets aspect ratio if resolved
 	 */
-	const fetchOriginalSizeFromRemoteImage = () => {
+	useEffect(() => {
 		Image.getSize(
 			uri,
 			(width: number, height: number) => {
@@ -57,11 +57,7 @@ const MDImage: FunctionComponent<MDImageProps> = ({
 				});
 			},
 		);
-	};
-
-	useEffect(() => {
-		fetchOriginalSizeFromRemoteImage();
-	});
+	}, [uri]);
 
 	return (
 		<ImageBackground

From 9785488f20f73e2b9ba3612eb2d55057f06699e5 Mon Sep 17 00:00:00 2001
From: Gowtham G <webappsbygowtham@gmail.com>
Date: Tue, 6 Oct 2026 22:18:51 +0530
Subject: [PATCH 2/3] chore: update react-native-testing-library to v14

Migrate tests to async render/fireEvent APIs.

Add test-renderer peer dep, drop universal-test-renderer.
---
 package-lock.json                             | 179 ++--
 package.json                                  |   6 +-
 .../useMarkdownWithComponents.spec.tsx        |  36 +-
 src/lib/__tests__/Markdown.spec.tsx           | 226 ++---
 src/lib/__tests__/Renderer.spec.tsx           |  92 +-
 .../__snapshots__/Markdown.spec.tsx.snap      |  30 +-
 .../__snapshots__/Renderer.spec.tsx.snap      | 816 ++++++++++++++----
 7 files changed, 869 insertions(+), 516 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 54b3cb0e..c9f95de9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,7 @@
 				"@evilmartians/lefthook": "2.1.17",
 				"@react-native/babel-preset": "0.78.2",
 				"@release-it/conventional-changelog": "12.0.2",
-				"@testing-library/react-native": "v14.0.0-alpha.1",
+				"@testing-library/react-native": "14.0.1",
 				"@types/jest": "30.0.0",
 				"@types/node": "24.19.1",
 				"@types/react": "19.3.0",
@@ -44,8 +44,8 @@
 				"react-native-svg": "15.15.5",
 				"reassure": "1.6.0",
 				"release-it": "21.1.0",
-				"typescript": "6.0.3",
-				"universal-test-renderer": "0.6.0"
+				"test-renderer": "1.3.0",
+				"typescript": "6.0.3"
 			},
 			"engines": {
 				"node": ">=18"
@@ -88,10 +88,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/@babel/code-frame/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/@babel/core": {
 			"version": "7.29.7",
 			"license": "MIT",
@@ -227,10 +223,6 @@
 				"@jridgewell/sourcemap-codec": "^1.4.14"
 			}
 		},
-		"node_modules/@babel/core/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/@babel/generator": {
 			"version": "7.25.0",
 			"license": "MIT",
@@ -869,10 +861,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/@babel/helpers/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/@babel/parser": {
 			"version": "7.19.3",
 			"license": "MIT",
@@ -2818,10 +2806,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/@babel/preset-env/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/@babel/preset-modules": {
 			"version": "0.1.6-no-external-plugins",
 			"license": "MIT",
@@ -3183,10 +3167,6 @@
 				"@jridgewell/sourcemap-codec": "^1.4.14"
 			}
 		},
-		"node_modules/@babel/traverse/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/@babel/types": {
 			"version": "7.19.3",
 			"license": "MIT",
@@ -3637,11 +3617,6 @@
 				"node": ">=22.12.0"
 			}
 		},
-		"node_modules/@commitlint/format/node_modules/picocolors": {
-			"version": "1.1.1",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/@commitlint/is-ignored": {
 			"version": "21.2.3",
 			"dev": true,
@@ -3717,11 +3692,6 @@
 				"node": ">=22.12.0"
 			}
 		},
-		"node_modules/@commitlint/load/node_modules/picocolors": {
-			"version": "1.1.1",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/@commitlint/message": {
 			"version": "21.2.0",
 			"dev": true,
@@ -3825,11 +3795,6 @@
 				"node": ">=22.12.0"
 			}
 		},
-		"node_modules/@commitlint/types/node_modules/picocolors": {
-			"version": "1.1.1",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/@conventional-changelog/git-client": {
 			"version": "3.1.0",
 			"dev": true,
@@ -6372,23 +6337,25 @@
 			}
 		},
 		"node_modules/@testing-library/react-native": {
-			"version": "14.0.0-alpha.1",
+			"version": "14.0.1",
+			"resolved": "https://registry.npmjs.org/@testing-library/react-native/-/react-native-14.0.1.tgz",
+			"integrity": "sha512-2r2e2y8SkUNRWKRXlUGqDYunB+AkbdXUPn49Bs5rpv9oxRb0K3USBVugbPbAKJjfj4w5Ba91NJ8LcQCZyopUZA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"chalk": "^4.1.2",
-				"jest-matcher-utils": "^29.7.0",
-				"pretty-format": "^29.7.0",
+				"jest-matcher-utils": "^30.4.1",
+				"picocolors": "^1.1.1",
+				"pretty-format": "^30.4.1",
 				"redent": "^3.0.0"
 			},
 			"engines": {
-				"node": ">=20"
+				"node": "^22.13.0 || >=24"
 			},
 			"peerDependencies": {
 				"jest": ">=29.0.0",
 				"react": ">=19.0.0",
-				"react-native": ">=0.77",
-				"universal-test-renderer": "0.6.0"
+				"react-native": ">=0.78",
+				"test-renderer": "^1.0.0"
 			},
 			"peerDependenciesMeta": {
 				"jest": {
@@ -6396,47 +6363,6 @@
 				}
 			}
 		},
-		"node_modules/@testing-library/react-native/node_modules/jest-diff": {
-			"version": "29.7.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"chalk": "^4.0.0",
-				"diff-sequences": "^29.6.3",
-				"jest-get-type": "^29.6.3",
-				"pretty-format": "^29.7.0"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/@testing-library/react-native/node_modules/jest-matcher-utils": {
-			"version": "29.7.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"chalk": "^4.0.0",
-				"jest-diff": "^29.7.0",
-				"jest-get-type": "^29.6.3",
-				"pretty-format": "^29.7.0"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/@testing-library/react-native/node_modules/pretty-format": {
-			"version": "29.7.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@jest/schemas": "^29.6.3",
-				"ansi-styles": "^5.0.0",
-				"react-is": "^18.0.0"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
 		"node_modules/@tootallnate/once": {
 			"version": "2.0.1",
 			"dev": true,
@@ -6562,6 +6488,16 @@
 				"csstype": "^3.2.2"
 			}
 		},
+		"node_modules/@types/react-reconciler": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@types/react-reconciler/-/react-reconciler-0.33.1.tgz",
+			"integrity": "sha512-0kF59ji2mKuHUd5wytHSpmORybMYVerJvq0K10pz9ZFoOlJ3e+w1LBjLshWpCrokeyQOioRodNbO4PH4ddvRfg==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"@types/react": "*"
+			}
+		},
 		"node_modules/@types/stack-utils": {
 			"version": "2.0.3",
 			"license": "MIT"
@@ -8260,10 +8196,6 @@
 			"version": "2.0.27",
 			"license": "MIT"
 		},
-		"node_modules/core-js-compat/node_modules/picocolors": {
-			"version": "1.1.1",
-			"license": "ISC"
-		},
 		"node_modules/core-js-compat/node_modules/update-browserslist-db": {
 			"version": "1.2.2",
 			"funding": [
@@ -8903,14 +8835,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/diff-sequences": {
-			"version": "29.6.3",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
 		"node_modules/dom-serializer": {
 			"version": "2.0.0",
 			"dev": true,
@@ -11744,10 +11668,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/jscodeshift/node_modules/picocolors": {
-			"version": "1.0.1",
-			"license": "ISC"
-		},
 		"node_modules/jsdom": {
 			"version": "20.0.3",
 			"dev": true,
@@ -13329,6 +13249,12 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"license": "ISC"
+		},
 		"node_modules/picomatch": {
 			"version": "2.3.1",
 			"license": "MIT",
@@ -13934,11 +13860,6 @@
 				"node": ">=18"
 			}
 		},
-		"node_modules/react-native-builder-bob/node_modules/picocolors": {
-			"version": "1.1.1",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/react-native-builder-bob/node_modules/string-width": {
 			"version": "7.2.0",
 			"dev": true,
@@ -14207,19 +14128,28 @@
 			}
 		},
 		"node_modules/react-reconciler": {
-			"version": "0.31.0",
+			"version": "0.34.0",
+			"resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.34.0.tgz",
+			"integrity": "sha512-eVibvB1fc9j5Qf1KRkiM3GzRPBdjg2P6G6QV2f3P6Eb3OGMxRBhdg2rrUwjbV5JrQaJj8nOa8uajmmJA5tJWjQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"scheduler": "^0.25.0"
+				"scheduler": "^0.28.0"
 			},
 			"engines": {
 				"node": ">=0.10.0"
 			},
 			"peerDependencies": {
-				"react": "^19.0.0"
+				"react": "^19.3.0"
 			}
 		},
+		"node_modules/react-reconciler/node_modules/scheduler": {
+			"version": "0.28.0",
+			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.28.0.tgz",
+			"integrity": "sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/react-refresh": {
 			"version": "0.14.2",
 			"license": "MIT",
@@ -15281,6 +15211,20 @@
 				"node": "*"
 			}
 		},
+		"node_modules/test-renderer": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/test-renderer/-/test-renderer-1.3.0.tgz",
+			"integrity": "sha512-DXyHv7JrVmDc5dKpfVHFhJ0Evo/EFY3TqlNt8CR65ua3SCsI09K/mQDJmYUOnZz36GANYqjp0ApeRER/mOxktQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/react-reconciler": "~0.33.0",
+				"react-reconciler": "~0.34.0"
+			},
+			"peerDependencies": {
+				"react": "^19.0.0"
+			}
+		},
 		"node_modules/throat": {
 			"version": "5.0.0",
 			"license": "MIT"
@@ -15527,17 +15471,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/universal-test-renderer": {
-			"version": "0.6.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"react-reconciler": "~0.31.0"
-			},
-			"peerDependencies": {
-				"react": "^19.0.0"
-			}
-		},
 		"node_modules/universal-user-agent": {
 			"version": "7.0.2",
 			"dev": true,
@@ -15629,10 +15562,6 @@
 				"node": ">=6"
 			}
 		},
-		"node_modules/update-browserslist-db/node_modules/picocolors": {
-			"version": "1.0.1",
-			"license": "ISC"
-		},
 		"node_modules/uri-js": {
 			"version": "4.4.1",
 			"dev": true,
diff --git a/package.json b/package.json
index c745a8eb..a66aee90 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
 		"@evilmartians/lefthook": "2.1.17",
 		"@react-native/babel-preset": "0.78.2",
 		"@release-it/conventional-changelog": "12.0.2",
-		"@testing-library/react-native": "v14.0.0-alpha.1",
+		"@testing-library/react-native": "14.0.1",
 		"@types/jest": "30.0.0",
 		"@types/node": "24.19.1",
 		"@types/react": "19.3.0",
@@ -80,8 +80,8 @@
 		"react-native-svg": "15.15.5",
 		"reassure": "1.6.0",
 		"release-it": "21.1.0",
-		"typescript": "6.0.3",
-		"universal-test-renderer": "0.6.0"
+		"test-renderer": "1.3.0",
+		"typescript": "6.0.3"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.6",
diff --git a/src/hooks/__tests__/useMarkdownWithComponents.spec.tsx b/src/hooks/__tests__/useMarkdownWithComponents.spec.tsx
index 633d3ad2..7fc52075 100644
--- a/src/hooks/__tests__/useMarkdownWithComponents.spec.tsx
+++ b/src/hooks/__tests__/useMarkdownWithComponents.spec.tsx
@@ -32,13 +32,13 @@ const InnerRenderer = ({ value }: { value: string }) => {
 
 describe("useMarkdownWithComponents", () => {
 	describe("without registry", () => {
-		it("renders regular markdown without components", () => {
-			render(<TestRenderer value="# Hello World" />);
+		it("renders regular markdown without components", async () => {
+			await render(<TestRenderer value="# Hello World" />);
 			expect(screen.queryByText("Hello World")).toBeTruthy();
 		});
 
-		it("removes unregistered components from output", () => {
-			render(<TestRenderer value="Before <Button /> After" />);
+		it("removes unregistered components from output", async () => {
+			await render(<TestRenderer value="Before <Button /> After" />);
 			expect(screen.queryByText("Before")).toBeTruthy();
 			expect(screen.queryByText("After")).toBeTruthy();
 		});
@@ -61,8 +61,8 @@ describe("useMarkdownWithComponents", () => {
 			),
 		};
 
-		it("renders a self-closing component", () => {
-			render(
+		it("renders a self-closing component", async () => {
+			await render(
 				<TestRenderer
 					value='<Button label="Click me" />'
 					components={components}
@@ -72,8 +72,8 @@ describe("useMarkdownWithComponents", () => {
 			expect(screen.queryByText("Click me")).toBeTruthy();
 		});
 
-		it("renders a component with children", () => {
-			render(
+		it("renders a component with children", async () => {
+			await render(
 				<TestRenderer
 					value='<InfoBox title="Note">Important info</InfoBox>'
 					components={components}
@@ -84,7 +84,7 @@ describe("useMarkdownWithComponents", () => {
 			expect(screen.queryByText("Important info")).toBeTruthy();
 		});
 
-		it("renders components mixed with markdown", () => {
+		it("renders components mixed with markdown", async () => {
 			const markdown = `# Title
 
 Some text before.
@@ -93,7 +93,7 @@ Some text before.
 
 Some text after.`;
 
-			render(<TestRenderer value={markdown} components={components} />);
+			await render(<TestRenderer value={markdown} components={components} />);
 
 			expect(screen.queryByText("Title")).toBeTruthy();
 			expect(screen.queryByText("Some text before.")).toBeTruthy();
@@ -102,19 +102,19 @@ Some text after.`;
 			expect(screen.queryByText("Some text after.")).toBeTruthy();
 		});
 
-		it("removes components not in registry", () => {
+		it("removes components not in registry", async () => {
 			const markdown = `<Button label='Yes' />
 
 <Unknown />
 
 <InfoBox>Hi</InfoBox>`;
 
-			render(<TestRenderer value={markdown} components={components} />);
+			await render(<TestRenderer value={markdown} components={components} />);
 			expect(screen.queryByTestId("custom-button")).toBeTruthy();
 			expect(screen.queryByTestId("info-box")).toBeTruthy();
 		});
 
-		it("passes props correctly to components", () => {
+		it("passes props correctly to components", async () => {
 			const propsComponents: ReactComponentRegistry = {
 				TestProps: ({ props }) => (
 					<View testID="test-props">
@@ -125,7 +125,7 @@ Some text after.`;
 				),
 			};
 
-			render(
+			await render(
 				<TestRenderer
 					value='<TestProps str="hello" num={42} bool={true} />'
 					components={propsComponents}
@@ -139,18 +139,18 @@ Some text after.`;
 	});
 
 	describe("edge cases", () => {
-		it("handles empty markdown", () => {
+		it("handles empty markdown", async () => {
 			const components: ReactComponentRegistry = {};
-			render(<TestRenderer value="" components={components} />);
+			await render(<TestRenderer value="" components={components} />);
 		});
 
-		it("handles markdown with only components", () => {
+		it("handles markdown with only components", async () => {
 			const components: ReactComponentRegistry = {
 				A: () => <Text>Component A</Text>,
 				B: () => <Text>Component B</Text>,
 			};
 
-			render(<TestRenderer value="<A /><B />" components={components} />);
+			await render(<TestRenderer value="<A /><B />" components={components} />);
 
 			expect(screen.queryByText("Component A")).toBeTruthy();
 			expect(screen.queryByText("Component B")).toBeTruthy();
diff --git a/src/lib/__tests__/Markdown.spec.tsx b/src/lib/__tests__/Markdown.spec.tsx
index 638381b6..4136289f 100644
--- a/src/lib/__tests__/Markdown.spec.tsx
+++ b/src/lib/__tests__/Markdown.spec.tsx
@@ -9,56 +9,60 @@ import type { RendererInterface } from "../types";
 
 // https://www.markdownguide.org/basic-syntax/#headings
 describe("Headings", () => {
-	it("Heading level 1", () => {
-		const r = render(<Markdown value={"# Heading level 1"} />);
+	it("Heading level 1", async () => {
+		const r = await render(<Markdown value={"# Heading level 1"} />);
 		expect(screen.queryByText("Heading level 1")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading level 2", () => {
-		const r = render(<Markdown value={"## Heading level 2"} />);
+	it("Heading level 2", async () => {
+		const r = await render(<Markdown value={"## Heading level 2"} />);
 		expect(screen.queryByText("Heading level 2")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading level 3", () => {
-		const r = render(<Markdown value={"### Heading level 3"} />);
+	it("Heading level 3", async () => {
+		const r = await render(<Markdown value={"### Heading level 3"} />);
 		expect(screen.queryByText("Heading level 3")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading level 4", () => {
-		const r = render(<Markdown value={"#### Heading level 4"} />);
+	it("Heading level 4", async () => {
+		const r = await render(<Markdown value={"#### Heading level 4"} />);
 		expect(screen.queryByText("Heading level 4")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading level 5", () => {
-		const r = render(<Markdown value={"##### Heading level 5"} />);
+	it("Heading level 5", async () => {
+		const r = await render(<Markdown value={"##### Heading level 5"} />);
 		expect(screen.queryByText("Heading level 5")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading level 6", () => {
-		const r = render(<Markdown value={"###### Heading level 6"} />);
+	it("Heading level 6", async () => {
+		const r = await render(<Markdown value={"###### Heading level 6"} />);
 		expect(screen.queryByText("Heading level 6")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Alternate Syntax: Heading level 1", () => {
-		const r = render(<Markdown value={"Heading level 1\n==============="} />);
+	it("Alternate Syntax: Heading level 1", async () => {
+		const r = await render(
+			<Markdown value={"Heading level 1\n==============="} />,
+		);
 		expect(screen.queryByText("Heading level 1")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Alternate Syntax: Heading level 2", () => {
-		const r = render(<Markdown value={"Heading level 2\n---------------"} />);
+	it("Alternate Syntax: Heading level 2", async () => {
+		const r = await render(
+			<Markdown value={"Heading level 2\n---------------"} />,
+		);
 		expect(screen.queryByText("Heading level 2")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Best Practice", () => {
-		const r = render(
+	it("Best Practice", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"Try to put a blank line before...\n\n# Heading\n\n...and after a heading."
@@ -73,8 +77,8 @@ describe("Headings", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Heading with text emphasis", () => {
-		const r = render(<Markdown value={"## ~~_Heading level 2_~~"} />);
+	it("Heading with text emphasis", async () => {
+		const r = await render(<Markdown value={"## ~~_Heading level 2_~~"} />);
 		expect(screen.queryByText("Heading level 2")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
@@ -83,8 +87,8 @@ describe("Headings", () => {
 
 // https://www.markdownguide.org/basic-syntax/#paragraphs-1
 describe("Paragraphs", () => {
-	it("Paragraph", () => {
-		const r = render(
+	it("Paragraph", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"I really like using Markdown.\n\nI think I'll use it to format all of my documents from now on."
@@ -101,7 +105,7 @@ describe("Paragraphs", () => {
 		expect(tree).toMatchSnapshot();
 	});
 	it("Paragraph with Image", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={
 					"Here, I'll guide you through sending desktop notifications to offline users when they have new chat messages.![Chat](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5kq947hwxmjvlmhrbnm6.png)"
@@ -124,8 +128,8 @@ describe("Paragraphs", () => {
 });
 
 describe("Line Breaks", () => {
-	it("Trailing New Line Character", () => {
-		const r = render(
+	it("Trailing New Line Character", async () => {
+		const r = await render(
 			<Markdown
 				value={"First line with a backslash after.\nAnd the next line."}
 			/>,
@@ -139,8 +143,8 @@ describe("Line Breaks", () => {
 		expect(tree).toMatchSnapshot();
 	});
 
-	it("Trailing slash", () => {
-		const r = render(
+	it("Trailing slash", async () => {
+		const r = await render(
 			<Markdown
 				value={`First line with a backslash after.\\
       And the next line.`}
@@ -157,26 +161,26 @@ describe("Line Breaks", () => {
 
 // https://www.markdownguide.org/basic-syntax/#emphasis
 describe("Emphasis", () => {
-	it("Bold", () => {
-		const r = render(<Markdown value={"Love **is** bold"} />);
+	it("Bold", async () => {
+		const r = await render(<Markdown value={"Love **is** bold"} />);
 		expect(screen.queryByText("is")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Italic", () => {
-		const r = render(<Markdown value={"A *cat* meow"} />);
+	it("Italic", async () => {
+		const r = await render(<Markdown value={"A *cat* meow"} />);
 		expect(screen.queryByText("cat")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Strikethrough", () => {
-		const r = render(<Markdown value={"A ~~cat~~ meow"} />);
+	it("Strikethrough", async () => {
+		const r = await render(<Markdown value={"A ~~cat~~ meow"} />);
 		expect(screen.queryByText("cat")).toBeTruthy();
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Bold and Italic", () => {
-		const r = render(
+	it("Bold and Italic", async () => {
+		const r = await render(
 			<Markdown value={"This is really ***very*** important text."} />,
 		);
 		expect(screen.queryByText("very")).toBeTruthy();
@@ -187,8 +191,8 @@ describe("Emphasis", () => {
 
 // https://www.markdownguide.org/basic-syntax/#blockquotes-1
 describe("Blockquotes", () => {
-	it("Blockquote", () => {
-		const r = render(
+	it("Blockquote", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"> Dorothy followed her through many of the beautiful rooms in her castle."
@@ -203,8 +207,8 @@ describe("Blockquotes", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Blockquotes with Multiple Paragraphs", () => {
-		const r = render(
+	it("Blockquotes with Multiple Paragraphs", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"> Dorothy followed her through many of the beautiful rooms in her castle.\n>\n> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood."
@@ -224,8 +228,8 @@ describe("Blockquotes", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Nested Blockquotes", () => {
-		const r = render(
+	it("Nested Blockquotes", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"> Dorothy followed her through many of the beautiful rooms in her castle.\n>\n\n>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood."
@@ -245,8 +249,8 @@ describe("Blockquotes", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Blockquotes with Other Elements", () => {
-		const r = render(
+	it("Blockquotes with Other Elements", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"> #### The quarterly results look great!\n>\n> - Revenue was off the chart.\n> - Profits were higher than ever.\n>\n>  *Everything* is going according to **plan**."
@@ -268,8 +272,8 @@ describe("Blockquotes", () => {
 
 // https://www.markdownguide.org/basic-syntax/#lists-1
 describe("Lists", () => {
-	it("Ordered Lists", () => {
-		const r = render(
+	it("Ordered Lists", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"1. First item\n2. Second item\n3. Third item\n    1. Indented item1\n    2. Indented item2\n4. Fourth item"
@@ -285,8 +289,8 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Ordered Lists: With Start Offset", () => {
-		const r = render(<Markdown value={"57. foo\n1. bar\n2. baz"} />);
+	it("Ordered Lists: With Start Offset", async () => {
+		const r = await render(<Markdown value={"57. foo\n1. bar\n2. baz"} />);
 		expect(screen.queryByText("foo")).toBeTruthy();
 		expect(screen.queryByText("bar")).toBeTruthy();
 		expect(screen.queryByText("baz")).toBeTruthy();
@@ -296,8 +300,8 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Unordered Lists", () => {
-		const r = render(
+	it("Unordered Lists", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"- First item\n- Second item\n- Third item\n    - Indented item1\n    - Indented item2\n- Fourth item"
@@ -313,8 +317,8 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Elements in Lists: Paragraphs", () => {
-		const r = render(
+	it("Elements in Lists: Paragraphs", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"- This is the first list item.\n- Here's the second list item.\n\n    I need to add another paragraph below the second list item.\n\n- And here's the third list item."
@@ -332,8 +336,8 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Elements in Lists: Blockquotes", () => {
-		const r = render(
+	it("Elements in Lists: Blockquotes", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"- This is the first list item.\n- Here's the second list item.\n\n    > A blockquote would look great below the second list item.\n\n- And here's the third list item."
@@ -351,8 +355,8 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Elements in Lists: Code Blocks", () => {
-		const r = render(
+	it("Elements in Lists: Code Blocks", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"* This is the first list item.\n* Here's the second list item.\n\n        <html>\n        <head>\n        </head>\n        </html>\n\n* And here's the third list item."
@@ -366,7 +370,7 @@ describe("Lists", () => {
 		expect(tree).toMatchSnapshot();
 	});
 	it("Elements in Lists: Images", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={
 					"1. Open the file containing the Linux mascot.\n2. Marvel at its beauty.\n\n    ![](https://dummyimage.com/100x100/fff/aaa)\n\n3. Close the file."
@@ -386,8 +390,8 @@ describe("Lists", () => {
 			expect(tree).toMatchSnapshot();
 		});
 	});
-	it("Elements in Lists: Lists", () => {
-		const r = render(
+	it("Elements in Lists: Lists", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"1. First item\n2. Second item\n3. Third item\n    - Indented item1\n    - Indented item2\n4. Fourth item"
@@ -407,8 +411,8 @@ describe("Lists", () => {
 
 // https://www.markdownguide.org/basic-syntax/#code
 describe("Code", () => {
-	it("Code Span", () => {
-		const r = render(
+	it("Code Span", async () => {
+		const r = await render(
 			<Markdown value={"At the command prompt, type `'nano'`."} />,
 		);
 		expect(screen.queryByText("At the command prompt, type")).toBeTruthy();
@@ -416,8 +420,8 @@ describe("Code", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Code Blocks", () => {
-		const r = render(
+	it("Code Blocks", async () => {
+		const r = await render(
 			<Markdown
 				value={"    <html>\n      <head>\n      </head>\n    </html>"}
 			/>,
@@ -425,8 +429,8 @@ describe("Code", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Code Blocks (backtick)", () => {
-		const r = render(
+	it("Code Blocks (backtick)", async () => {
+		const r = await render(
 			<Markdown
 				value={"```<html>\n      <head>\n      </head>\n    </html>\n```"}
 			/>,
@@ -434,8 +438,8 @@ describe("Code", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Code Blocks (backtick), no ending backtick", () => {
-		const r = render(
+	it("Code Blocks (backtick), no ending backtick", async () => {
+		const r = await render(
 			<Markdown
 				value={"```<html>\n      <head>\n      </head>\n    </html>"}
 			/>,
@@ -448,23 +452,23 @@ describe("Code", () => {
 
 // https://www.markdownguide.org/basic-syntax/#horizontal-rules
 describe("Horizontal Rules", () => {
-	it("Asterisks", () => {
-		const r = render(<Markdown value={"***"} />);
+	it("Asterisks", async () => {
+		const r = await render(<Markdown value={"***"} />);
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Dashes", () => {
-		const r = render(<Markdown value={"---"} />);
+	it("Dashes", async () => {
+		const r = await render(<Markdown value={"---"} />);
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Underscores", () => {
-		const r = render(<Markdown value={"_________________"} />);
+	it("Underscores", async () => {
+		const r = await render(<Markdown value={"_________________"} />);
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Horizontal Rule with Paragraph", () => {
-		const r = render(
+	it("Horizontal Rule with Paragraph", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"Try to put a blank line before...\n\n---\n\n...and after a horizontal rule."
@@ -482,8 +486,8 @@ describe("Horizontal Rules", () => {
 
 // https://www.markdownguide.org/basic-syntax/#links
 describe("Links", () => {
-	it("Basic", () => {
-		const r = render(
+	it("Basic", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"My favorite search engine is [Duck Duck Go](https://duckduckgo.com)."
@@ -495,8 +499,8 @@ describe("Links", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Titles", () => {
-		const r = render(
+	it("Titles", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					'My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").'
@@ -508,8 +512,8 @@ describe("Links", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("URLs and Email Addresses", () => {
-		const r = render(
+	it("URLs and Email Addresses", async () => {
+		const r = await render(
 			<Markdown
 				value={"<https://www.markdownguide.org>\n\n<fake@example.com>"}
 			/>,
@@ -519,8 +523,8 @@ describe("Links", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Formatting Links", () => {
-		const r = render(
+	it("Formatting Links", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"I love supporting the **[EFF](https://eff.org)**.\nThis is the *[Markdown Guide](https://www.markdownguide.org)*.\nSee the section on [`code`](#code)."
@@ -533,8 +537,8 @@ describe("Links", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Links without text, (no render)", () => {
-		const r = render(
+	it("Links without text, (no render)", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"Table of Contents[](https://mastersoftwaretesting.com/testing-fundamentals/software-testing-101-what-is-software-testing#table-of-contents)\n-------------------------------------------------------------------------------------------------------------------------------------------\n"
@@ -550,7 +554,7 @@ describe("Links", () => {
 // https://www.markdownguide.org/basic-syntax/#images-1
 describe("Images", () => {
 	it("Render", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={
 					'![The San Juan Mountains are beautiful!](https://dummyimage.com/100x100/fff/aaa "San Juan Mountains")'
@@ -566,7 +570,7 @@ describe("Images", () => {
 		});
 	});
 	it("Linking Images", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={
 					'[![An old rock in the desert](https://dummyimage.com/100x100/fff/aaa "Shiprock, New Mexico by Beau Rogers")](https://dummyimage.com/100x100/fff/aaa)'
@@ -582,7 +586,7 @@ describe("Images", () => {
 		});
 	});
 	it("SVG images", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={"![svg](https://www.svgrepo.com/show/513268/beer.svg)"}
 			/>,
@@ -596,7 +600,7 @@ describe("Images", () => {
 		});
 	});
 	it("SVG Linking", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={
 					'[![SVG Repo](https://www.svgrepo.com/show/513268/beer.svg "SVG Repo")](https://www.svgrepo.com)'
@@ -615,8 +619,8 @@ describe("Images", () => {
 
 // https://www.markdownguide.org/basic-syntax/#escaping-characters
 describe("Escaping Characters", () => {
-	it("Render", () => {
-		const r = render(
+	it("Render", async () => {
+		const r = await render(
 			<Markdown
 				value={
 					"\\* Without the backslash, this would be a bullet in an unordered list."
@@ -636,8 +640,8 @@ describe("Escaping Characters", () => {
 
 // https://www.markdownguide.org/basic-syntax/#html
 describe("HTML", () => {
-	it("Render", () => {
-		const r = render(
+	it("Render", async () => {
+		const r = await render(
 			<Markdown
 				value={"This **word** is bold. This <em>word</em> is italic."}
 			/>,
@@ -649,8 +653,8 @@ describe("HTML", () => {
 
 // https://www.markdownguide.org/extended-syntax/#tables
 describe("Tables", () => {
-	it("Basic", () => {
-		const r = render(
+	it("Basic", async () => {
+		const r = await render(
 			<Markdown
 				value={`
 | Syntax      | Description |
@@ -669,8 +673,8 @@ describe("Tables", () => {
 		expect(screen.queryByText("Text")).toBeTruthy();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Different Cell Widths", () => {
-		const r = render(
+	it("Different Cell Widths", async () => {
+		const r = await render(
 			<Markdown
 				value={`
 | Syntax | Description |
@@ -689,8 +693,8 @@ describe("Tables", () => {
 		expect(screen.queryByText("Text")).toBeTruthy();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Alignment", () => {
-		const r = render(
+	it("Alignment", async () => {
+		const r = await render(
 			<Markdown
 				value={`
 | Syntax      | Description | Test Text     |
@@ -712,8 +716,8 @@ describe("Tables", () => {
 		expect(screen.queryByText("And more")).toBeTruthy();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Pipe Character", () => {
-		const r = render(
+	it("Pipe Character", async () => {
+		const r = await render(
 			<Markdown
 				value={`
 | Syntax    | Description |       Test Text |
@@ -735,8 +739,8 @@ describe("Tables", () => {
 		expect(screen.queryByText("And more")).toBeTruthy();
 		expect(tree).toMatchSnapshot();
 	});
-	it("Emphasis, Code, Links", () => {
-		const r = render(
+	it("Emphasis, Code, Links", async () => {
+		const r = await render(
 			<Markdown
 				value={`
 | _This will also be italic_ |      _You **can** combine them_       |
@@ -759,7 +763,7 @@ describe("Tables", () => {
 		expect(tree).toMatchSnapshot();
 	});
 	it("Images", async () => {
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={`
 |                                Hello                                |
@@ -782,7 +786,7 @@ describe("Tables", () => {
 });
 
 describe("Renderer override", () => {
-	it("Custom", () => {
+	it("Custom", async () => {
 		const fn = jest.fn(
 			(text: string, styles?: TextStyle): ReactNode => (
 				<Text style={styles} key={"key-1"}>
@@ -797,7 +801,7 @@ describe("Renderer override", () => {
 			codespan = fn;
 		}
 
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={"`hello`"}
 				renderer={new CustomRenderer()}
@@ -810,7 +814,7 @@ describe("Renderer override", () => {
 	});
 });
 describe("Tokenizer", () => {
-	it("Custom", () => {
+	it("Custom", async () => {
 		const codespanFn = jest.fn(
 			(text: string, styles?: TextStyle): ReactNode => (
 				<Text style={styles} key={"key-1"}>
@@ -840,7 +844,7 @@ describe("Tokenizer", () => {
 			}
 		}
 
-		const r = render(
+		const r = await render(
 			<Markdown
 				value={"$ latex code $\n\n`hello`"}
 				renderer={new CustomRenderer()}
@@ -856,7 +860,7 @@ describe("Tokenizer", () => {
 });
 
 describe("Hooks", () => {
-	it("invokes hooks when rendering the Markdown component", () => {
+	it("invokes hooks when rendering the Markdown component", async () => {
 		const emStrongMaskSpy = jest.fn((src: string) =>
 			src.replace("$", "a").replace("_", "a"),
 		);
@@ -870,7 +874,7 @@ describe("Hooks", () => {
 		const hooks = new CustomHooks();
 
 		const md = "Hello **_$$world$$_**";
-		const r = render(<Markdown value={md} hooks={hooks} />);
+		const r = await render(<Markdown value={md} hooks={hooks} />);
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 
@@ -879,7 +883,7 @@ describe("Hooks", () => {
 		expect(screen.queryByText("$$world$$")).toBeTruthy();
 	});
 
-	it("invokes hooks when rendering via the useMarkdown hook", () => {
+	it("invokes hooks when rendering via the useMarkdown hook", async () => {
 		const emStrongMaskSpy = jest.fn((src: string) =>
 			src.replace("$", "a").replace("_", "a"),
 		);
@@ -899,7 +903,7 @@ describe("Hooks", () => {
 		};
 
 		const md = "Hello **_$$world$$_**";
-		const r = render(<TestRenderer value={md} />);
+		const r = await render(<TestRenderer value={md} />);
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 
diff --git a/src/lib/__tests__/Renderer.spec.tsx b/src/lib/__tests__/Renderer.spec.tsx
index de0efb79..0c3fb825 100644
--- a/src/lib/__tests__/Renderer.spec.tsx
+++ b/src/lib/__tests__/Renderer.spec.tsx
@@ -32,45 +32,45 @@ describe("Renderer", () => {
 		const styles = getStyles(userStyles, theme);
 		describe(`${theme} theme`, () => {
 			describe("Text Nodes", () => {
-				it("returns a Text node", () => {
+				it("returns a Text node", async () => {
 					const TextNode = renderer.text("Hello world", styles.text);
 
-					const r = render(TextNode as ReactElement);
+					const r = await render(TextNode as ReactElement);
 					expect(screen.queryByText("Hello world")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 
-				it("returns a wrapped Text node", () => {
+				it("returns a wrapped Text node", async () => {
 					const TextNodeChild = renderer.text("Hello world", {});
 					const TextNode = renderer.text([TextNodeChild], styles.text);
-					const r = render(TextNode as ReactElement);
+					const r = await render(TextNode as ReactElement);
 					expect(screen.queryByText("Hello world")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 
-				it("returns a wrapped Text node with styles", () => {
+				it("returns a wrapped Text node with styles", async () => {
 					const TextNodeChild = renderer.text("Hello world", styles.text);
 					const TextNode = renderer.text([TextNodeChild], styles.text);
-					const r = render(TextNode as ReactElement);
+					const r = await render(TextNode as ReactElement);
 					expect(screen.queryByText("Hello world")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 			});
 			describe("Link Nodes", () => {
-				it("returns a Text Link node", () => {
+				it("returns a Text Link node", async () => {
 					const LinkNode = renderer.link(
 						"Link",
 						"https://example.com",
 						styles.link,
 					);
-					const r = render(LinkNode as ReactElement);
+					const r = await render(LinkNode as ReactElement);
 					expect(screen.queryByText("Link")).toBeTruthy();
 					const link = screen.queryByText("Link");
 					if (link) {
-						fireEvent.press(link);
+						await fireEvent.press(link);
 					}
 					expect(Linking.openURL).toHaveBeenCalled();
 					const tree = r.toJSON();
@@ -84,14 +84,14 @@ describe("Renderer", () => {
 						"https://dummyimage.com/100x100/fff/aaa",
 						"Hello world",
 					);
+					await render(LinkNode as ReactElement);
 					await waitFor(() => {
-						const tree = render(LinkNode as ReactElement).toJSON();
-						expect(tree).toMatchSnapshot();
+						expect(screen.toJSON()).toMatchSnapshot();
 					});
 				});
 			});
 			describe("View Nodes", () => {
-				it("returns a paragraph View node", () => {
+				it("returns a paragraph View node", async () => {
 					const TextNode = renderer.text("Hello world", styles.text);
 					const LinkNode = renderer.link(
 						"Link",
@@ -103,22 +103,22 @@ describe("Renderer", () => {
 						styles.paragraph,
 					);
 
-					const r = render(ViewNode as ReactElement);
+					const r = await render(ViewNode as ReactElement);
 					expect(screen.queryByText("Hello world")).toBeTruthy();
 					expect(screen.queryByText("Link")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 
-				it("returns a hr View node", () => {
+				it("returns a hr View node", async () => {
 					const ViewNode = renderer.hr(styles.hr);
-					const r = render(ViewNode as ReactElement);
+					const r = await render(ViewNode as ReactElement);
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 			});
 			describe("Table Nodes", () => {
-				it("returns a Table", () => {
+				it("returns a Table", async () => {
 					const TextNode1 = renderer.text("Hello world 1");
 					const TextNode2 = renderer.text("Hello world 2", styles.strong);
 					const TextNode3 = renderer.text("Hello world 3", styles.em);
@@ -133,7 +133,7 @@ describe("Renderer", () => {
 						styles.tableRow,
 						styles.tableCell,
 					);
-					const r = render(Table as ReactElement);
+					const r = await render(Table as ReactElement);
 					expect(screen.queryByText("Hello world 1")).toBeTruthy();
 					expect(screen.queryByText("Hello world 2")).toBeTruthy();
 					expect(screen.queryByText("Hello world 3")).toBeTruthy();
@@ -142,7 +142,7 @@ describe("Renderer", () => {
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
-				it("returns a Table without styles", () => {
+				it("returns a Table without styles", async () => {
 					const TextNode1 = renderer.text("Hello world 1");
 					const TextNode2 = renderer.text("Hello world 2", styles.strong);
 					const TextNode3 = renderer.text("Hello world 3", styles.em);
@@ -151,7 +151,7 @@ describe("Renderer", () => {
 					const headers = [[TextNode1], [TextNode2]];
 					const rows = [[[TextNode3]], [[TextNode4, TextNode5]]];
 					const Table = renderer.table(headers, rows);
-					const r = render(Table as ReactElement);
+					const r = await render(Table as ReactElement);
 					expect(screen.queryByText("Hello world 1")).toBeTruthy();
 					expect(screen.queryByText("Hello world 2")).toBeTruthy();
 					expect(screen.queryByText("Hello world 3")).toBeTruthy();
@@ -162,21 +162,21 @@ describe("Renderer", () => {
 				});
 			});
 			describe("getCodeBlockNode", () => {
-				it("returns a Code block (horizontal ScrollView)", () => {
+				it("returns a Code block (horizontal ScrollView)", async () => {
 					const CodeBlock = renderer.code(
 						"print('hello')",
 						"",
 						styles.code,
 						styles.em,
 					);
-					const r = render(CodeBlock as ReactElement);
+					const r = await render(CodeBlock as ReactElement);
 					expect(screen.queryByText("print('hello')")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
 			});
 			describe("getBlockquoteNode", () => {
-				it("returns a Blockquote", () => {
+				it("returns a Blockquote", async () => {
 					const TextNode = renderer.text("Hello world", styles.text);
 					const LinkNode = renderer.link(
 						"Link",
@@ -188,7 +188,7 @@ describe("Renderer", () => {
 						styles.blockquote,
 					);
 
-					const r = render(Blockquote as ReactElement);
+					const r = await render(Blockquote as ReactElement);
 					expect(screen.queryByText("Hello world")).toBeTruthy();
 					expect(screen.queryByText("Link")).toBeTruthy();
 					const tree = r.toJSON();
@@ -216,9 +216,9 @@ describe("Renderer", () => {
 						"https://picsum.photos/100/100",
 						"Hello world",
 					);
+					await render(ImageNode as ReactElement);
 					await waitFor(() => {
-						const tree = render(ImageNode as ReactElement).toJSON();
-						expect(tree).toMatchSnapshot();
+						expect(screen.toJSON()).toMatchSnapshot();
 					});
 				});
 
@@ -228,7 +228,7 @@ describe("Renderer", () => {
 						"https://example.com/logo.svg",
 						"Logo",
 					);
-					render(ImageNode as ReactElement);
+					await render(ImageNode as ReactElement);
 					const Svg = await screen.findByTestId("react-native-marked-md-svg");
 					expect(Svg.props.accessibilityLabel).toBe("Logo");
 				});
@@ -241,7 +241,7 @@ describe("Renderer", () => {
 						undefined,
 						"Logo title",
 					);
-					render(ImageNode as ReactElement);
+					await render(ImageNode as ReactElement);
 					const Svg = await screen.findByTestId("react-native-marked-md-svg");
 					expect(Svg.props.accessibilityLabel).toBe("Logo title");
 				});
@@ -252,7 +252,7 @@ describe("Renderer", () => {
 						"https://example.com/logo.svg?v=1",
 						"Logo",
 					);
-					render(ImageNode as ReactElement);
+					await render(ImageNode as ReactElement);
 					expect(
 						await screen.findByTestId("react-native-marked-md-svg"),
 					).toBeTruthy();
@@ -264,14 +264,14 @@ describe("Renderer", () => {
 						"https://example.com/LOGO.SVG#top",
 						"Logo",
 					);
-					render(ImageNode as ReactElement);
+					await render(ImageNode as ReactElement);
 					expect(
 						await screen.findByTestId("react-native-marked-md-svg"),
 					).toBeTruthy();
 				});
 			});
 			describe("getListNode", () => {
-				it("returns Ordered List", () => {
+				it("returns Ordered List", async () => {
 					const TextNode1 = renderer.text("Hello world 1", styles.li);
 					const TextNode2 = renderer.text("Hello world 2", styles.li);
 					const TextNode3 = renderer.text("Hello world 3", styles.li);
@@ -281,14 +281,14 @@ describe("Renderer", () => {
 						styles.list,
 						styles.li,
 					);
-					const r = render(OL as ReactElement);
+					const r = await render(OL as ReactElement);
 					expect(screen.queryByText("Hello world 1")).toBeTruthy();
 					expect(screen.queryByText("Hello world 2")).toBeTruthy();
 					expect(screen.queryByText("Hello world 3")).toBeTruthy();
 					const tree = r.toJSON();
 					expect(tree).toMatchSnapshot();
 				});
-				it("returns Un-Ordered List", () => {
+				it("returns Un-Ordered List", async () => {
 					const TextNode1 = renderer.text("Hello world 1", styles.li);
 					const TextNode2 = renderer.text("Hello world 2", styles.li);
 					const TextNode3 = renderer.text("Hello world 3", styles.li);
@@ -298,7 +298,7 @@ describe("Renderer", () => {
 						styles.list,
 						styles.li,
 					);
-					const r = render(OL as ReactElement);
+					const r = await render(OL as ReactElement);
 					expect(screen.queryByText("Hello world 1")).toBeTruthy();
 					expect(screen.queryByText("Hello world 2")).toBeTruthy();
 					expect(screen.queryByText("Hello world 3")).toBeTruthy();
@@ -311,8 +311,8 @@ describe("Renderer", () => {
 });
 
 describe("code and codespan styles #873", () => {
-	it("code block uses codeText style", () => {
-		const r = render(
+	it("code block uses codeText style", async () => {
+		const r = await render(
 			<Markdown
 				value={"```\nhello\n```"}
 				styles={{ codeText: { fontFamily: "Menlo" } }}
@@ -321,8 +321,8 @@ describe("code and codespan styles #873", () => {
 		expect(r.toJSON()).toMatchSnapshot();
 	});
 
-	it("code block with all TextStyle props via codeText", () => {
-		const r = render(
+	it("code block with all TextStyle props via codeText", async () => {
+		const r = await render(
 			<Markdown
 				value={"```\ncode\n```"}
 				styles={{
@@ -338,12 +338,12 @@ describe("code and codespan styles #873", () => {
 		expect(r.toJSON()).toMatchSnapshot();
 	});
 
-	it("code block uses codeText instead of em (not italic)", () => {
-		const r = render(<Markdown value={"```\ncode\n```"} />);
+	it("code block uses codeText instead of em (not italic)", async () => {
+		const r = await render(<Markdown value={"```\ncode\n```"} />);
 		expect(r.toJSON()).toMatchSnapshot();
 	});
 
-	it("code container ViewStyle and codeText TextStyle", () => {
+	it("code container ViewStyle and codeText TextStyle", async () => {
 		const styles = getStyles(
 			{
 				code: { padding: 10, backgroundColor: "#fff" },
@@ -355,8 +355,8 @@ describe("code and codespan styles #873", () => {
 		expect(styles.codeText?.fontFamily).toBe("Menlo");
 	});
 
-	it("codespan preserves style inside strong", () => {
-		const r = render(
+	it("codespan preserves style inside strong", async () => {
+		const r = await render(
 			<Markdown
 				value={"**some `code` inside**"}
 				styles={{
@@ -368,8 +368,8 @@ describe("code and codespan styles #873", () => {
 		expect(r.toJSON()).toMatchSnapshot();
 	});
 
-	it("codespan preserves style inside em", () => {
-		const r = render(
+	it("codespan preserves style inside em", async () => {
+		const r = await render(
 			<Markdown
 				value={"*some `code` inside*"}
 				styles={{
@@ -381,8 +381,8 @@ describe("code and codespan styles #873", () => {
 		expect(r.toJSON()).toMatchSnapshot();
 	});
 
-	it("codespan with all TextStyle props", () => {
-		const r = render(
+	it("codespan with all TextStyle props", async () => {
+		const r = await render(
 			<Markdown
 				value={"Use `code` here"}
 				styles={{
diff --git a/src/lib/__tests__/__snapshots__/Markdown.spec.tsx.snap b/src/lib/__tests__/__snapshots__/Markdown.spec.tsx.snap
index 587c1196..6265f5d6 100644
--- a/src/lib/__tests__/__snapshots__/Markdown.spec.tsx.snap
+++ b/src/lib/__tests__/__snapshots__/Markdown.spec.tsx.snap
@@ -3855,7 +3855,7 @@ exports[`Images Linking Images 1`] = `
             accessibilityIgnoresInvertColors={true}
             style={
               {
-                "aspectRatio": undefined,
+                "aspectRatio": 1.3333333333333333,
                 "width": "100%",
               }
             }
@@ -3888,10 +3888,6 @@ exports[`Images Linking Images 1`] = `
               }
               testID="react-native-marked-md-image"
             />
-            <ActivityIndicator
-              size="small"
-              testID="react-native-marked-md-image-activity-indicator"
-            />
           </View>
         </View>
       </View>
@@ -3963,7 +3959,7 @@ exports[`Images Render 1`] = `
           accessibilityIgnoresInvertColors={true}
           style={
             {
-              "aspectRatio": undefined,
+              "aspectRatio": 1.3333333333333333,
               "width": "100%",
             }
           }
@@ -3996,10 +3992,6 @@ exports[`Images Render 1`] = `
             }
             testID="react-native-marked-md-image"
           />
-          <ActivityIndicator
-            size="small"
-            testID="react-native-marked-md-image-activity-indicator"
-          />
         </View>
       </View>
     </View>
@@ -6605,7 +6597,7 @@ exports[`Lists Elements in Lists: Images 1`] = `
               accessibilityIgnoresInvertColors={true}
               style={
                 {
-                  "aspectRatio": undefined,
+                  "aspectRatio": 1.3333333333333333,
                   "width": "100%",
                 }
               }
@@ -6638,10 +6630,6 @@ exports[`Lists Elements in Lists: Images 1`] = `
                 }
                 testID="react-native-marked-md-image"
               />
-              <ActivityIndicator
-                size="small"
-                testID="react-native-marked-md-image-activity-indicator"
-              />
             </View>
           </View>
         </View>
@@ -9695,7 +9683,7 @@ exports[`Paragraphs Paragraph with Image 1`] = `
           accessibilityIgnoresInvertColors={true}
           style={
             {
-              "aspectRatio": undefined,
+              "aspectRatio": 1.3333333333333333,
               "width": "100%",
             }
           }
@@ -9728,10 +9716,6 @@ exports[`Paragraphs Paragraph with Image 1`] = `
             }
             testID="react-native-marked-md-image"
           />
-          <ActivityIndicator
-            size="small"
-            testID="react-native-marked-md-image-activity-indicator"
-          />
         </View>
       </View>
     </View>
@@ -12075,7 +12059,7 @@ exports[`Tables Images 1`] = `
                     accessibilityIgnoresInvertColors={true}
                     style={
                       {
-                        "aspectRatio": undefined,
+                        "aspectRatio": 1.3333333333333333,
                         "width": "100%",
                       }
                     }
@@ -12108,10 +12092,6 @@ exports[`Tables Images 1`] = `
                       }
                       testID="react-native-marked-md-image"
                     />
-                    <ActivityIndicator
-                      size="small"
-                      testID="react-native-marked-md-image-activity-indicator"
-                    />
                   </View>
                   <Text
                     selectable={true}
diff --git a/src/lib/__tests__/__snapshots__/Renderer.spec.tsx.snap b/src/lib/__tests__/__snapshots__/Renderer.spec.tsx.snap
index 843f3d91..2c6dd5a9 100644
--- a/src/lib/__tests__/__snapshots__/Renderer.spec.tsx.snap
+++ b/src/lib/__tests__/__snapshots__/Renderer.spec.tsx.snap
@@ -555,7 +555,7 @@ exports[`Renderer dark theme getImageLinkNode returns a Image Link node 1`] = `
     accessibilityIgnoresInvertColors={true}
     style={
       {
-        "aspectRatio": undefined,
+        "aspectRatio": 1.3333333333333333,
         "width": "100%",
       }
     }
@@ -586,10 +586,6 @@ exports[`Renderer dark theme getImageLinkNode returns a Image Link node 1`] = `
       }
       testID="react-native-marked-md-image"
     />
-    <ActivityIndicator
-      size="small"
-      testID="react-native-marked-md-image-activity-indicator"
-    />
   </View>
 </View>
 `;
@@ -599,7 +595,7 @@ exports[`Renderer dark theme getImageNode returns a Image 1`] = `
   accessibilityIgnoresInvertColors={true}
   style={
     {
-      "aspectRatio": undefined,
+      "aspectRatio": 1.3333333333333333,
       "width": "100%",
     }
   }
@@ -630,129 +626,353 @@ exports[`Renderer dark theme getImageNode returns a Image 1`] = `
     }
     testID="react-native-marked-md-image"
   />
-  <ActivityIndicator
-    size="small"
-    testID="react-native-marked-md-image-activity-indicator"
-  />
 </View>
 `;
 
 exports[`Renderer dark theme getListNode returns Ordered List 1`] = `
-<View
-  style={
-    [
-      {
-        "alignSelf": "stretch",
-        "flexDirection": "row",
-        "flexWrap": "nowrap",
-      },
-      undefined,
-    ]
-  }
-  testID="marked-list-item"
->
+<>
   <View
     style={
-      {
-        "padding": 24,
-      }
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        1. 
+      </Text>
+    </View>
     <Text
+      selectable={true}
       style={
-        [
-          {
-            "alignSelf": "flex-end",
-            "color": "#ffffff",
-            "flexGrow": 0,
-            "flexShrink": 1,
-            "fontSize": 16,
-            "lineHeight": 24,
-            "textAlign": "right",
-          },
-          {
-            "width": 28.799999999999997,
-          },
-        ]
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
       }
-      testID="marker-box"
     >
-      1. 
+      Hello world 1
     </Text>
   </View>
-  <Text
-    selectable={true}
+  <View
     style={
-      {
-        "color": "#ffffff",
-        "flexShrink": 1,
-        "fontSize": 16,
-        "lineHeight": 24,
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
+    }
+    testID="marked-list-item"
+  >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
       }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        2. 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 2
+    </Text>
+  </View>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
-    Hello world 1
-  </Text>
-</View>
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        3. 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 3
+    </Text>
+  </View>
+</>
 `;
 
 exports[`Renderer dark theme getListNode returns Un-Ordered List 1`] = `
-<View
-  style={
-    [
-      {
-        "alignSelf": "stretch",
-        "flexDirection": "row",
-        "flexWrap": "nowrap",
-      },
-      undefined,
-    ]
-  }
-  testID="marked-list-item"
->
+<>
   <View
     style={
-      {
-        "padding": 24,
-      }
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
     <Text
+      selectable={true}
       style={
-        [
-          {
-            "alignSelf": "flex-end",
-            "color": "#ffffff",
-            "flexGrow": 0,
-            "flexShrink": 1,
-            "fontSize": 16,
-            "lineHeight": 24,
-            "textAlign": "right",
-          },
-          {
-            "width": 19.2,
-          },
-        ]
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
       }
-      testID="marker-box"
     >
-      • 
+      Hello world 1
     </Text>
   </View>
-  <Text
-    selectable={true}
+  <View
     style={
-      {
-        "color": "#ffffff",
-        "flexShrink": 1,
-        "fontSize": 16,
-        "lineHeight": 24,
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
+    }
+    testID="marked-list-item"
+  >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
       }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 2
+    </Text>
+  </View>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
-    Hello world 1
-  </Text>
-</View>
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#ffffff",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#ffffff",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 3
+    </Text>
+  </View>
+</>
 `;
 
 exports[`Renderer light theme Link Nodes returns a Text Link node 1`] = `
@@ -1310,7 +1530,7 @@ exports[`Renderer light theme getImageLinkNode returns a Image Link node 1`] = `
     accessibilityIgnoresInvertColors={true}
     style={
       {
-        "aspectRatio": undefined,
+        "aspectRatio": 1.3333333333333333,
         "width": "100%",
       }
     }
@@ -1341,10 +1561,6 @@ exports[`Renderer light theme getImageLinkNode returns a Image Link node 1`] = `
       }
       testID="react-native-marked-md-image"
     />
-    <ActivityIndicator
-      size="small"
-      testID="react-native-marked-md-image-activity-indicator"
-    />
   </View>
 </View>
 `;
@@ -1354,7 +1570,7 @@ exports[`Renderer light theme getImageNode returns a Image 1`] = `
   accessibilityIgnoresInvertColors={true}
   style={
     {
-      "aspectRatio": undefined,
+      "aspectRatio": 1.3333333333333333,
       "width": "100%",
     }
   }
@@ -1385,129 +1601,353 @@ exports[`Renderer light theme getImageNode returns a Image 1`] = `
     }
     testID="react-native-marked-md-image"
   />
-  <ActivityIndicator
-    size="small"
-    testID="react-native-marked-md-image-activity-indicator"
-  />
 </View>
 `;
 
 exports[`Renderer light theme getListNode returns Ordered List 1`] = `
-<View
-  style={
-    [
-      {
-        "alignSelf": "stretch",
-        "flexDirection": "row",
-        "flexWrap": "nowrap",
-      },
-      undefined,
-    ]
-  }
-  testID="marked-list-item"
->
+<>
   <View
     style={
-      {
-        "padding": 24,
-      }
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        1. 
+      </Text>
+    </View>
     <Text
+      selectable={true}
       style={
-        [
-          {
-            "alignSelf": "flex-end",
-            "color": "#333333",
-            "flexGrow": 0,
-            "flexShrink": 1,
-            "fontSize": 16,
-            "lineHeight": 24,
-            "textAlign": "right",
-          },
-          {
-            "width": 28.799999999999997,
-          },
-        ]
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
       }
-      testID="marker-box"
     >
-      1. 
+      Hello world 1
     </Text>
   </View>
-  <Text
-    selectable={true}
+  <View
     style={
-      {
-        "color": "#333333",
-        "flexShrink": 1,
-        "fontSize": 16,
-        "lineHeight": 24,
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
+    }
+    testID="marked-list-item"
+  >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
       }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        2. 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 2
+    </Text>
+  </View>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
-    Hello world 1
-  </Text>
-</View>
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 28.799999999999997,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        3. 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 3
+    </Text>
+  </View>
+</>
 `;
 
 exports[`Renderer light theme getListNode returns Un-Ordered List 1`] = `
-<View
-  style={
-    [
-      {
-        "alignSelf": "stretch",
-        "flexDirection": "row",
-        "flexWrap": "nowrap",
-      },
-      undefined,
-    ]
-  }
-  testID="marked-list-item"
->
+<>
   <View
     style={
-      {
-        "padding": 24,
-      }
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
     <Text
+      selectable={true}
       style={
-        [
-          {
-            "alignSelf": "flex-end",
-            "color": "#333333",
-            "flexGrow": 0,
-            "flexShrink": 1,
-            "fontSize": 16,
-            "lineHeight": 24,
-            "textAlign": "right",
-          },
-          {
-            "width": 19.2,
-          },
-        ]
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
       }
-      testID="marker-box"
     >
-      • 
+      Hello world 1
     </Text>
   </View>
-  <Text
-    selectable={true}
+  <View
     style={
-      {
-        "color": "#333333",
-        "flexShrink": 1,
-        "fontSize": 16,
-        "lineHeight": 24,
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
+    }
+    testID="marked-list-item"
+  >
+    <View
+      style={
+        {
+          "padding": 24,
+        }
       }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 2
+    </Text>
+  </View>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "stretch",
+          "flexDirection": "row",
+          "flexWrap": "nowrap",
+        },
+        undefined,
+      ]
     }
+    testID="marked-list-item"
   >
-    Hello world 1
-  </Text>
-</View>
+    <View
+      style={
+        {
+          "padding": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "alignSelf": "flex-end",
+              "color": "#333333",
+              "flexGrow": 0,
+              "flexShrink": 1,
+              "fontSize": 16,
+              "lineHeight": 24,
+              "textAlign": "right",
+            },
+            {
+              "width": 19.2,
+            },
+          ]
+        }
+        testID="marker-box"
+      >
+        • 
+      </Text>
+    </View>
+    <Text
+      selectable={true}
+      style={
+        {
+          "color": "#333333",
+          "flexShrink": 1,
+          "fontSize": 16,
+          "lineHeight": 24,
+        }
+      }
+    >
+      Hello world 3
+    </Text>
+  </View>
+</>
 `;
 
 exports[`code and codespan styles #873 code block uses codeText instead of em (not italic) 1`] = `

From 3b30f1a9fd95abaa56768fd7e26f4171334dd643 Mon Sep 17 00:00:00 2001
From: Gowtham G <webappsbygowtham@gmail.com>
Date: Tue, 6 Oct 2026 22:28:42 +0530
Subject: [PATCH 3/3] fix: await measureRenders in perf test

The floating promise outlived the test under RNTL v14 async render,

crashing reassure with require-after-teardown errors.
---
 src/lib/__perf__/Markdown.perf-test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/__perf__/Markdown.perf-test.tsx b/src/lib/__perf__/Markdown.perf-test.tsx
index d6d39d24..ea28f197 100644
--- a/src/lib/__perf__/Markdown.perf-test.tsx
+++ b/src/lib/__perf__/Markdown.perf-test.tsx
@@ -268,7 +268,7 @@ describe("Perf test", () => {
 				"If markdown is too limiting, you can just insert your own <strike>crazy</strike> HTML. Span-level HTML <u>can *still* use markdown</u>. Block level elements must be separated from text by a blank line and must not have any spaces before the opening and closing HTML.",
 			);
 		};
-		measureRenders(
+		await measureRenders(
 			<Markdown value={mdString} styles={styles} theme={theme} />,
 			{
 				scenario,