diff --git a/packages/react/src/tests/HTMLDialogElementMock.ts b/packages/react/src/tests/HTMLDialogElementMock.ts
new file mode 100644
index 0000000..91310de
--- /dev/null
+++ b/packages/react/src/tests/HTMLDialogElementMock.ts
@@ -0,0 +1,17 @@
+HTMLDialogElement.prototype.show = vi.fn(function mock(
+  this: HTMLDialogElement,
+) {
+  this.open = true;
+});
+
+HTMLDialogElement.prototype.showModal = vi.fn(function mock(
+  this: HTMLDialogElement,
+) {
+  this.open = true;
+});
+
+HTMLDialogElement.prototype.close = vi.fn(function mock(
+  this: HTMLDialogElement,
+) {
+  this.open = false;
+});
diff --git a/packages/react/src/tests/Setup.ts b/packages/react/src/tests/Setup.ts
index 6f5f036..6ac27f6 100644
--- a/packages/react/src/tests/Setup.ts
+++ b/packages/react/src/tests/Setup.ts
@@ -2,6 +2,7 @@ import "@testing-library/jest-dom/vitest";
 import createFetchMock from "vitest-fetch-mock";
 import { vi } from "vitest";
 import "./AnimateMock";
+import "./HTMLDialogElementMock";
 
 const fetchMocker = createFetchMock(vi);