diff --git a/graph/client/src/app/feature-tasks/task-graph-error-tooltip.tsx b/graph/client/src/app/feature-tasks/task-graph-error-tooltip.tsx
new file mode 100644
index 0000000000000..7bac4ae33ff44
--- /dev/null
+++ b/graph/client/src/app/feature-tasks/task-graph-error-tooltip.tsx
@@ -0,0 +1,10 @@
+export const TaskGraphErrorTooltip = ({ error }: { error: string }) => {
+  return (
+    <>
+      <h2 className="border-b border-solid border-slate-200/10 text-lg font-light text-slate-400 dark:text-slate-500">
+        There was a problem calculating the task graph for this task
+      </h2>
+      <p>{error}</p>
+    </>
+  );
+};
diff --git a/graph/client/src/app/feature-tasks/task-list.stories.tsx b/graph/client/src/app/feature-tasks/task-list.stories.tsx
index 029070f50d358..dc4aa853a5ff6 100644
--- a/graph/client/src/app/feature-tasks/task-list.stories.tsx
+++ b/graph/client/src/app/feature-tasks/task-list.stories.tsx
@@ -30,6 +30,7 @@ const args: Partial<TaskListProps> = {
             defaultConfiguration: 'production',
           },
         },
+        files: [],
       },
     },
     {
@@ -38,6 +39,7 @@ const args: Partial<TaskListProps> = {
       data: {
         root: 'apps/nested/app',
         targets: { build: { configurations: { production: {} } } },
+        files: [],
       },
     },
     {
@@ -46,6 +48,7 @@ const args: Partial<TaskListProps> = {
       data: {
         root: 'apps/app1-e2e',
         targets: { e2e: { configurations: { production: {} } } },
+        files: [],
       },
     },
     {
@@ -54,6 +57,7 @@ const args: Partial<TaskListProps> = {
       data: {
         root: 'libs/lib1',
         targets: { lint: { configurations: { production: {} } } },
+        files: [],
       },
     },
   ],
@@ -62,6 +66,9 @@ const args: Partial<TaskListProps> = {
     appsDir: 'apps',
     libsDir: 'libs',
   },
-  selectedTask: 'app1:build:production',
+  selectedTarget: 'build',
+  errors: {
+    'app1:build': 'Missing executor',
+  },
 };
 Primary.args = args;
diff --git a/graph/client/src/app/feature-tasks/task-list.tsx b/graph/client/src/app/feature-tasks/task-list.tsx
index 3f59eea6237b8..d88c451c823f4 100644
--- a/graph/client/src/app/feature-tasks/task-list.tsx
+++ b/graph/client/src/app/feature-tasks/task-list.tsx
@@ -1,13 +1,21 @@
 // nx-ignore-next-line
 import type { ProjectGraphNode } from '@nrwl/devkit';
-import { getProjectsByType, groupProjectsByDirectory } from '../util';
+import {
+  createTaskName,
+  getProjectsByType,
+  groupProjectsByDirectory,
+} from '../util';
 import { WorkspaceLayout } from '../interfaces';
-import { EyeIcon } from '@heroicons/react/24/outline';
+import { ExclamationCircleIcon, EyeIcon } from '@heroicons/react/24/outline';
 import { ReactNode } from 'react';
+import { Tooltip } from '@nrwl/graph/ui-tooltips';
+import { TaskGraphErrorTooltip } from './task-graph-error-tooltip';
+import { ExperimentalFeature } from '../ui-components/experimental-feature';
 
 interface SidebarProject {
   projectGraphNode: ProjectGraphNode;
   isSelected: boolean;
+  error: string | null;
 }
 
 function ProjectListItem({
@@ -25,11 +33,31 @@ function ProjectListItem({
           data-project={project.projectGraphNode.name}
           title={project.projectGraphNode.name}
           data-active={project.isSelected.toString()}
-          onClick={() => toggleTask(project.projectGraphNode.name)}
+          onClick={() =>
+            !project.error ? toggleTask(project.projectGraphNode.name) : null
+          }
         >
           {project.projectGraphNode.name}
         </label>
       </div>
+
+      <ExperimentalFeature>
+        {project.error ? (
+          <Tooltip
+            content={<TaskGraphErrorTooltip error={project.error} />}
+            openAction="click"
+            floatingPortal={true}
+          >
+            <span className="absolute inset-y-0 right-0 flex cursor-pointer items-center text-blue-500 dark:text-sky-500">
+              <ExclamationCircleIcon
+                className="h-5 w-5 text-yellow-500 dark:text-yellow-400"
+                aria-hidden="true"
+              />
+            </span>
+          </Tooltip>
+        ) : null}
+      </ExperimentalFeature>
+
       {project.isSelected ? (
         <span
           title="This task is visible"
@@ -81,11 +109,16 @@ function SubProjectList({
 
 function mapToSidebarProjectWithTasks(
   project: ProjectGraphNode,
-  selectedProjects: string[]
+  selectedProjects: string[],
+  selectedTarget: string,
+  errors: Record<string, string>
 ): SidebarProject {
+  const taskId = createTaskName(project.name, selectedTarget);
+
   return {
     projectGraphNode: project,
     isSelected: selectedProjects.includes(project.name),
+    error: errors?.[taskId] ?? null,
   };
 }
 
@@ -96,6 +129,7 @@ export interface TaskListProps {
   selectedProjects: string[];
   toggleProject: (projectName: string) => void;
   children: ReactNode | ReactNode[];
+  errors: Record<string, string>;
 }
 
 export function TaskList({
@@ -105,13 +139,13 @@ export function TaskList({
   selectedProjects,
   toggleProject,
   children,
+  errors,
 }: TaskListProps) {
   const filteredProjects = projects
     .filter((project) =>
       (project.data as any).targets.hasOwnProperty(selectedTarget)
     )
     .sort((a, b) => a.name.localeCompare(b.name));
-
   const appProjects = getProjectsByType('app', filteredProjects);
   const libProjects = getProjectsByType('lib', filteredProjects);
   const e2eProjects = getProjectsByType('e2e', filteredProjects);
@@ -146,7 +180,12 @@ export function TaskList({
             key={'app-' + directoryName}
             headerText={directoryName}
             projects={appDirectoryGroups[directoryName].map((project) =>
-              mapToSidebarProjectWithTasks(project, selectedProjects)
+              mapToSidebarProjectWithTasks(
+                project,
+                selectedProjects,
+                selectedTarget,
+                errors
+              )
             )}
             toggleTask={toggleProject}
           ></SubProjectList>
@@ -163,7 +202,12 @@ export function TaskList({
             key={'e2e-' + directoryName}
             headerText={directoryName}
             projects={e2eDirectoryGroups[directoryName].map((project) =>
-              mapToSidebarProjectWithTasks(project, selectedProjects)
+              mapToSidebarProjectWithTasks(
+                project,
+                selectedProjects,
+                selectedTarget,
+                errors
+              )
             )}
             toggleTask={toggleProject}
           ></SubProjectList>
@@ -180,7 +224,12 @@ export function TaskList({
             key={'lib-' + directoryName}
             headerText={directoryName}
             projects={libDirectoryGroups[directoryName].map((project) =>
-              mapToSidebarProjectWithTasks(project, selectedProjects)
+              mapToSidebarProjectWithTasks(
+                project,
+                selectedProjects,
+                selectedTarget,
+                errors
+              )
             )}
             toggleTask={toggleProject}
           ></SubProjectList>
diff --git a/graph/client/src/app/feature-tasks/tasks-sidebar-error-boundary.tsx b/graph/client/src/app/feature-tasks/tasks-sidebar-error-boundary.tsx
new file mode 100644
index 0000000000000..a174a6d68263f
--- /dev/null
+++ b/graph/client/src/app/feature-tasks/tasks-sidebar-error-boundary.tsx
@@ -0,0 +1,14 @@
+import { useRouteError } from 'react-router-dom';
+
+export function TasksSidebarErrorBoundary() {
+  let error = useRouteError();
+  console.error(error);
+  return (
+    <div className="mt-8 px-4">
+      <h2 className="mt-8 border-b border-solid border-slate-200/10 text-lg font-light text-slate-400 dark:text-slate-500">
+        Error
+      </h2>
+      <p>There was a problem loading your task graph.</p>
+    </div>
+  );
+}
diff --git a/graph/client/src/app/feature-tasks/tasks-sidebar.tsx b/graph/client/src/app/feature-tasks/tasks-sidebar.tsx
index ab33f28828dfe..62982e77a5b63 100644
--- a/graph/client/src/app/feature-tasks/tasks-sidebar.tsx
+++ b/graph/client/src/app/feature-tasks/tasks-sidebar.tsx
@@ -17,19 +17,7 @@ import { CheckboxPanel } from '../ui-components/checkbox-panel';
 import { Dropdown } from '@nrwl/graph/ui-components';
 import { ShowHideAll } from '../ui-components/show-hide-all';
 import { useCurrentPath } from '../hooks/use-current-path';
-import { useRouteConstructor } from '../util';
-
-function createTaskName(
-  project: string,
-  target: string,
-  configuration?: string
-) {
-  if (configuration) {
-    return `${project}:${target}:${configuration}`;
-  } else {
-    return `${project}:${target}`;
-  }
-}
+import { createTaskName, useRouteConstructor } from '../util';
 
 export function TasksSidebar() {
   const graphService = getGraphService();
@@ -47,8 +35,9 @@ export function TasksSidebar() {
   const routeData = useRouteLoaderData(
     'selectedTarget'
   ) as TaskGraphClientResponse;
-  const { taskGraphs } = routeData;
-  const { projects, targets } = selectedWorkspaceRouteData;
+  const { taskGraphs, errors } = routeData;
+  let { projects, targets } = selectedWorkspaceRouteData;
+
   const selectedTarget = params['selectedTarget'] ?? targets[0];
 
   const [selectedProjects, setSelectedProjects] = useState<string[]>([]);
@@ -217,6 +206,7 @@ export function TasksSidebar() {
         workspaceLayout={workspaceLayout}
         selectedTarget={selectedTarget}
         toggleProject={toggleProject}
+        errors={errors}
       >
         <label
           htmlFor="selectedTarget"
diff --git a/graph/client/src/app/mock-project-graph-service.ts b/graph/client/src/app/mock-project-graph-service.ts
index 9ac264d7e679e..bd79ddd478f9e 100644
--- a/graph/client/src/app/mock-project-graph-service.ts
+++ b/graph/client/src/app/mock-project-graph-service.ts
@@ -59,7 +59,10 @@ export class MockProjectGraphService implements ProjectGraphService {
     groupByFolder: false,
   };
 
-  private taskGraphsResponse: TaskGraphClientResponse = { taskGraphs: {} };
+  private taskGraphsResponse: TaskGraphClientResponse = {
+    taskGraphs: {},
+    errors: {},
+  };
 
   constructor(updateFrequency: number = 5000) {
     setInterval(() => this.updateResponse(), updateFrequency);
diff --git a/graph/client/src/app/routes.tsx b/graph/client/src/app/routes.tsx
index c433c14b2e597..56e8ca943197c 100644
--- a/graph/client/src/app/routes.tsx
+++ b/graph/client/src/app/routes.tsx
@@ -7,6 +7,7 @@ import { getEnvironmentConfig } from './hooks/use-environment-config';
 import { ProjectGraphClientResponse } from 'nx/src/command-line/dep-graph';
 import { getProjectGraphDataService } from './hooks/get-project-graph-data-service';
 import { getProjectGraphService } from './machines/get-services';
+import { TasksSidebarErrorBoundary } from './feature-tasks/tasks-sidebar-error-boundary';
 
 const { appConfig } = getEnvironmentConfig();
 const projectGraphDataService = getProjectGraphDataService();
@@ -88,6 +89,7 @@ const childRoutes: RouteObject[] = [
     },
     path: 'tasks',
     id: 'selectedTarget',
+    errorElement: <TasksSidebarErrorBoundary />,
     shouldRevalidate: ({ currentParams, nextParams }) => {
       return (
         !currentParams.selectedWorkspaceId ||
diff --git a/graph/client/src/app/util.ts b/graph/client/src/app/util.ts
index dd6cdd2d9aa0c..55e307f5ec835 100644
--- a/graph/client/src/app/util.ts
+++ b/graph/client/src/app/util.ts
@@ -115,3 +115,15 @@ export function groupProjectsByDirectory(
 
   return groups;
 }
+
+export function createTaskName(
+  project: string,
+  target: string,
+  configuration?: string
+) {
+  if (configuration) {
+    return `${project}:${target}:${configuration}`;
+  } else {
+    return `${project}:${target}`;
+  }
+}
diff --git a/graph/ui-components/src/lib/dropdown.tsx b/graph/ui-components/src/lib/dropdown.tsx
index 199125f664c7d..19d0e6fef065d 100644
--- a/graph/ui-components/src/lib/dropdown.tsx
+++ b/graph/ui-components/src/lib/dropdown.tsx
@@ -9,7 +9,7 @@ export function Dropdown(props: DropdownProps) {
   const { className, children, ...rest } = props;
   return (
     <select
-      className={`flex w-auto items-center rounded-md rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-300 hover:dark:bg-slate-700 ${className}`}
+      className={`flex items-center rounded-md rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-300 hover:dark:bg-slate-700 ${className}`}
       {...rest}
     >
       {children}
diff --git a/graph/ui-tooltips/src/lib/tooltip.tsx b/graph/ui-tooltips/src/lib/tooltip.tsx
index e141d13bb693d..e83b924900c26 100644
--- a/graph/ui-tooltips/src/lib/tooltip.tsx
+++ b/graph/ui-tooltips/src/lib/tooltip.tsx
@@ -1,6 +1,7 @@
 import {
   Attributes,
   cloneElement,
+  Fragment,
   HTMLAttributes,
   ReactElement,
   ReactNode,
@@ -10,6 +11,7 @@ import {
 } from 'react';
 import {
   arrow,
+  autoUpdate,
   flip,
   offset,
   Placement,
@@ -17,6 +19,7 @@ import {
   shift,
   useFloating,
 } from '@floating-ui/react-dom';
+import { FloatingPortal, useFloatingPortalNode } from '@floating-ui/react';
 
 export type TooltipProps = HTMLAttributes<HTMLDivElement> & {
   open?: boolean;
@@ -25,6 +28,7 @@ export type TooltipProps = HTMLAttributes<HTMLDivElement> & {
   placement?: Placement;
   reference?: ReferenceType;
   openAction?: 'click' | 'hover' | 'manual';
+  floatingPortal?: boolean;
 };
 
 export function Tooltip({
@@ -34,6 +38,7 @@ export function Tooltip({
   placement = 'top',
   reference: externalReference,
   openAction = 'click',
+  floatingPortal = false,
 }: TooltipProps) {
   const [isOpen, setIsOpen] = useState(open);
   const arrowRef = useRef(null);
@@ -47,6 +52,7 @@ export function Tooltip({
     middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },
   } = useFloating({
     placement,
+    whileElementsMounted: floatingPortal ? autoUpdate : undefined,
     middleware: [
       offset(6),
       flip(),
@@ -78,40 +84,51 @@ export function Tooltip({
     cloneProps.onMouseLeave = () => setIsOpen(false);
   }
 
+  let WrapperElement, wrapperProps;
+
+  if (floatingPortal) {
+    WrapperElement = FloatingPortal;
+    wrapperProps = { id: 'graph-ui-tooltip-portal' };
+  } else {
+    WrapperElement = Fragment;
+    wrapperProps = {};
+  }
+
   return (
     <>
       {!externalReference && !!children
         ? cloneElement(children, cloneProps)
         : children}
-
-      {isOpen ? (
-        <div
-          role="tooltip"
-          ref={floating}
-          style={{
-            position: strategy,
-            top: y ?? 0,
-            left: x ?? 0,
-            width: 'max-content',
-          }}
-          className="absolute z-0 min-w-[250px] rounded-md border border-slate-500"
-        >
+      <WrapperElement {...wrapperProps}>
+        {isOpen ? (
           <div
+            role="tooltip"
+            ref={floating}
             style={{
-              left: arrowX != null ? `${arrowX}px` : '',
-              top: arrowY != null ? `${arrowY}px` : '',
-              right: '',
-              bottom: '',
-              [staticSide]: '-4px',
+              position: strategy,
+              top: y ?? 0,
+              left: x ?? 0,
+              width: 'max-content',
             }}
-            className="absolute -z-10 h-4 w-4 rotate-45 bg-slate-500"
-            ref={arrowRef}
-          ></div>
-          <div className="rounded-md bg-white p-3 dark:bg-slate-900 dark:text-slate-400">
-            {content}
+            className="absolute z-0 min-w-[250px] rounded-md border border-slate-500"
+          >
+            <div
+              style={{
+                left: arrowX != null ? `${arrowX}px` : '',
+                top: arrowY != null ? `${arrowY}px` : '',
+                right: '',
+                bottom: '',
+                [staticSide]: '-4px',
+              }}
+              className="absolute -z-10 h-4 w-4 rotate-45 bg-slate-500"
+              ref={arrowRef}
+            ></div>
+            <div className="rounded-md bg-white p-3 dark:bg-slate-900 dark:text-slate-400">
+              {content}
+            </div>
           </div>
-        </div>
-      ) : null}
+        ) : null}
+      </WrapperElement>
     </>
   );
 }
diff --git a/package.json b/package.json
index c5936cadedd29..8e585342fce9c 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "@babel/preset-typescript": "^7.15.0",
     "@cypress/react": "^6.0.0",
     "@floating-ui/react-dom": "^1.0.1",
+    "@floating-ui/react": "^0.19.1",
     "@monodon/rust": "0.4.4",
     "@napi-rs/cli": "2.14.0",
     "@nestjs/cli": "^9.0.0",
@@ -332,4 +333,3 @@
     ]
   }
 }
-
diff --git a/packages/nx/src/command-line/dep-graph.ts b/packages/nx/src/command-line/dep-graph.ts
index 70ec274417f72..52e143f1e674f 100644
--- a/packages/nx/src/command-line/dep-graph.ts
+++ b/packages/nx/src/command-line/dep-graph.ts
@@ -37,6 +37,7 @@ export interface ProjectGraphClientResponse {
 
 export interface TaskGraphClientResponse {
   taskGraphs: Record<string, TaskGraph>;
+  errors: Record<string, string>;
 }
 
 // maps file extention to MIME types
@@ -561,14 +562,13 @@ async function createTaskGraphClientResponse(): Promise<TaskGraphClientResponse>
     'task graph generation:end'
   );
 
-  return {
-    taskGraphs,
-  };
+  return taskGraphs;
 }
 
-function getAllTaskGraphsForWorkspace(
-  projectGraph: ProjectGraph
-): Record<string, TaskGraph> {
+function getAllTaskGraphsForWorkspace(projectGraph: ProjectGraph): {
+  taskGraphs: Record<string, TaskGraph>;
+  errors: Record<string, string>;
+} {
   const nxJson = readNxJson();
 
   const defaultDependencyConfigs = mapTargetDefaultsToDependencies(
@@ -576,20 +576,32 @@ function getAllTaskGraphsForWorkspace(
   );
 
   const taskGraphs: Record<string, TaskGraph> = {};
+  const taskGraphErrors: Record<string, string> = {};
 
   for (const projectName in projectGraph.nodes) {
     const project = projectGraph.nodes[projectName];
     const targets = Object.keys(project.data.targets);
 
     targets.forEach((target) => {
-      taskGraphs[createTaskId(projectName, target)] = createTaskGraph(
-        projectGraph,
-        defaultDependencyConfigs,
-        [projectName],
-        [target],
-        undefined,
-        {}
-      );
+      const taskId = createTaskId(projectName, target);
+      try {
+        taskGraphs[taskId] = createTaskGraph(
+          projectGraph,
+          defaultDependencyConfigs,
+          [projectName],
+          [target],
+          undefined,
+          {}
+        );
+      } catch (err) {
+        taskGraphs[taskId] = {
+          tasks: {},
+          dependencies: {},
+          roots: [],
+        };
+
+        taskGraphErrors[taskId] = err.message;
+      }
 
       const configurations = Object.keys(
         project.data.targets[target]?.configurations || {}
@@ -597,8 +609,9 @@ function getAllTaskGraphsForWorkspace(
 
       if (configurations.length > 0) {
         configurations.forEach((configuration) => {
-          taskGraphs[createTaskId(projectName, target, configuration)] =
-            createTaskGraph(
+          const taskId = createTaskId(projectName, target, configuration);
+          try {
+            taskGraphs[taskId] = createTaskGraph(
               projectGraph,
               defaultDependencyConfigs,
               [projectName],
@@ -606,12 +619,21 @@ function getAllTaskGraphsForWorkspace(
               configuration,
               {}
             );
+          } catch (err) {
+            taskGraphs[taskId] = {
+              tasks: {},
+              dependencies: {},
+              roots: [],
+            };
+
+            taskGraphErrors[taskId] = err.message;
+          }
         });
       }
     });
   }
 
-  return taskGraphs;
+  return { taskGraphs, errors: taskGraphErrors };
 }
 
 function mapTargetDefaultsToDependencies(
diff --git a/yarn.lock b/yarn.lock
index b3b593fd85dc1..371ec7fa80875 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2992,6 +2992,11 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.0.2.tgz#d06a66d3ad8214186eda2432ac8b8d81868a571f"
   integrity sha512-Skfy0YS3NJ5nV9us0uuPN0HDk1Q4edljaOhRBJGDWs9EBa7ZVMYBHRFlhLvvmwEoaIM9BlH6QJFn9/uZg0bACg==
 
+"@floating-ui/core@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.2.0.tgz#ae7ae7923d41f3d84cb2fd88740a89436610bbec"
+  integrity sha512-GHUXPEhMEmTpnpIfesFA2KAoMJPb1SPQw964tToQwt+BbGXdhqTCWT1rOb0VURGylsxsYxiGMnseJ3IlclVpVA==
+
 "@floating-ui/dom@^1.0.5":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.0.7.tgz#9e8e6615ce03e5ebc6a4ae879640a199a366f86d"
@@ -2999,6 +3004,13 @@
   dependencies:
     "@floating-ui/core" "^1.0.2"
 
+"@floating-ui/dom@^1.1.1":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.2.0.tgz#a60212069cc58961c478037c30eba4b191c75316"
+  integrity sha512-QXzg57o1cjLz3cGETzKXjI3kx1xyS49DW9l7kV2jw2c8Yftd434t2hllX0sVGn2Q8MtcW/4pNm8bfE1/4n6mng==
+  dependencies:
+    "@floating-ui/core" "^1.2.0"
+
 "@floating-ui/react-dom@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-1.0.1.tgz#ee3524eab740b9380a00f4c2629a758093414325"
@@ -3006,6 +3018,22 @@
   dependencies:
     "@floating-ui/dom" "^1.0.5"
 
+"@floating-ui/react-dom@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-1.2.2.tgz#ed256992fd44fcfcddc96da68b4b92f123d61871"
+  integrity sha512-DbmFBLwFrZhtXgCI2ra7wXYT8L2BN4/4AMQKyu05qzsVji51tXOfF36VE2gpMB6nhJGHa85PdEg75FB4+vnLFQ==
+  dependencies:
+    "@floating-ui/dom" "^1.1.1"
+
+"@floating-ui/react@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.19.1.tgz#bcaeaf3856dfeea388816f7e66750cab26208376"
+  integrity sha512-h7hr53rLp+VVvWvbu0dOBvGsLeeZwn1DTLIllIaLYjGWw20YhAgEqegHU+nc7BJ30ttxq4Sq6hqARm0ne6chXQ==
+  dependencies:
+    "@floating-ui/react-dom" "^1.2.2"
+    aria-hidden "^1.1.3"
+    tabbable "^6.0.1"
+
 "@gar/promisify@^1.0.1", "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
@@ -8804,6 +8832,13 @@ argparse@~0.1.15:
     underscore "~1.7.0"
     underscore.string "~2.4.0"
 
+aria-hidden@^1.1.3:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.2.tgz#8c4f7cc88d73ca42114106fdf6f47e68d31475b8"
+  integrity sha512-6y/ogyDTk/7YAe91T3E2PR1ALVKyM2QbTio5HwM+N1Q6CMlCKhvClyIjkckBswa0f2xJhjsfzIGa1yVSe1UMVA==
+  dependencies:
+    tslib "^2.0.0"
+
 aria-query@5.1.3:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
@@ -23211,6 +23246,11 @@ synckit@^0.8.4:
     "@pkgr/utils" "^2.3.1"
     tslib "^2.4.0"
 
+tabbable@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.0.1.tgz#427a09b13c83ae41eed3e88abb76a4af28bde1a6"
+  integrity sha512-SYJSIgeyXW7EuX1ytdneO5e8jip42oHWg9xl/o3oTYhmXusZVgiA+VlPvjIN+kHii9v90AmzTZEBcsEvuAY+TA==
+
 tailwind-merge@^1.8.1:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-1.8.1.tgz#0e56c8afbab2491f72e06381043ffec8b720ba04"