add setAppElement to fix accessibility issues with screen readers for react-modal

2023-06-07 00:58:40 -05:00 · 2023-06-07 00:58:40 -05:00 · 1597cbe837
commit 1597cbe837
parent 385314cf53
1 changed files with 4 additions and 0 deletions
--- a/src/components/admin/resources/form.tsx
+++ b/src/components/admin/resources/form.tsx
@ -26,6 +26,10 @@ import Modal from "react-modal";
 import { type RouterInputs } from "~/utils/api";
 import { PlatformLinkButton } from "~/pages/resources/[id]";

+// Required for accessibility
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+Modal.setAppElement("#__next");
+
 export type ResourceUpdateInput = RouterInputs["auditoryResource"]["update"];

 /**