diff --git a/js_modules/dagster-ui/packages/app-oss/package.json b/js_modules/dagster-ui/packages/app-oss/package.json
index 03debde8b1d5b..529028e2da87a 100644
--- a/js_modules/dagster-ui/packages/app-oss/package.json
+++ b/js_modules/dagster-ui/packages/app-oss/package.json
@@ -16,9 +16,9 @@
     "eslint-config-next": "^13.5.3",
     "graphql": "^16.8.1",
     "next": "^14.2.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.3.0",
     "react-router-dom-v5-compat": "^6.3.0",
@@ -32,8 +32,8 @@
     "@dagster-io/eslint-config": "workspace:*",
     "@types/jest": "^29.5.11",
     "@types/node": "^16.11.20",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^18.3.9",
+    "@types/react-dom": "^18.3.0",
     "@types/uuid": "^8.3.4",
     "@types/validator": "^13",
     "@types/webpack-bundle-analyzer": "^4",
diff --git a/js_modules/dagster-ui/packages/ui-components/package.json b/js_modules/dagster-ui/packages/ui-components/package.json
index 63fd0eae5f5f6..d48414468e169 100644
--- a/js_modules/dagster-ui/packages/ui-components/package.json
+++ b/js_modules/dagster-ui/packages/ui-components/package.json
@@ -27,9 +27,9 @@
     "@blueprintjs/popover2": "^2",
     "@blueprintjs/select": "^5",
     "@tanstack/react-virtual": "^3.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
     "styled-components": "^5.3.3"
   },
   "dependencies": {
@@ -37,6 +37,7 @@
     "amator": "^1.1.0",
     "codemirror": "^5.65.2",
     "deepmerge": "^4.2.2",
+    "react-dates": "^21.8.0",
     "yaml": "2.4.0"
   },
   "devDependencies": {
@@ -74,9 +75,10 @@
     "@types/jest": "^29.5.11",
     "@types/lru-cache": "^7",
     "@types/mdx-js__react": "^1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@types/react-is": "^18",
+    "@types/react": "^18.3.9",
+    "@types/react-dates": "^21.8.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-is": "^18.3.0",
     "@types/rollup-plugin-node-globals": "^1",
     "@types/styled-components": "^5.1.26",
     "@types/testing-library__jest-dom": "^5.14.2",
@@ -89,9 +91,9 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.5.0",
     "prettier": "3.0.3",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-docgen-typescript-plugin": "^1.0.8",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "regenerator-runtime": "^0.13.9",
     "rollup": "^2.70.1",
     "rollup-plugin-node-globals": "^1.4.0",
diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/DateRangePickerWrapper.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/DateRangePickerWrapper.tsx
index 9453939ccbcb3..b314f5604116d 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/DateRangePickerWrapper.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/DateRangePickerWrapper.tsx
@@ -1,12 +1,12 @@
 import * as React from 'react';
-import {DateRangePicker} from 'react-dates';
+import {DateRangePicker, DateRangePickerShape} from 'react-dates';
 import styled from 'styled-components';
 
 import 'react-dates/initialize';
 import 'react-dates/lib/css/_datepicker.css';
 import {Colors} from './Color';
 
-export const DateRangePickerWrapper = (props: React.ComponentProps<typeof DateRangePicker>) => {
+export const DateRangePickerWrapper = (props: DateRangePickerShape) => {
   return (
     <DatePickerContainer>
       <DateRangePicker {...props} />
diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/Menu.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/Menu.tsx
index 8bdf66eeb4b4d..52f383d0e3c5b 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/Menu.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/Menu.tsx
@@ -65,7 +65,7 @@ export interface CommonMenuItemProps {
 
 interface ItemProps
   extends CommonMenuItemProps,
-    Omit<React.ComponentProps<typeof BlueprintMenuItem>, 'href' | 'icon'> {}
+    Omit<React.ComponentProps<typeof BlueprintMenuItem>, 'ref' | 'href' | 'icon'> {}
 
 export const MenuItem = (props: ItemProps) => {
   const {icon, intent, ...rest} = props;
@@ -81,7 +81,7 @@ export const MenuItem = (props: ItemProps) => {
 
 interface MenuExternalLinkProps
   extends CommonMenuItemProps,
-    Omit<React.ComponentProps<typeof BlueprintMenuItem>, 'href' | 'icon'> {
+    Omit<React.ComponentProps<typeof BlueprintMenuItem>, 'ref' | 'href' | 'icon'> {
   href: string;
 }
 
diff --git a/js_modules/dagster-ui/packages/ui-core/package.json b/js_modules/dagster-ui/packages/ui-core/package.json
index 3ed2518988dcd..8401cf1f1e23f 100644
--- a/js_modules/dagster-ui/packages/ui-core/package.json
+++ b/js_modules/dagster-ui/packages/ui-core/package.json
@@ -23,8 +23,8 @@
     "@blueprintjs/popover2": "^2",
     "@blueprintjs/select": "^5",
     "@dagster-io/ui-components": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.3.0",
     "react-router-dom-v5-compat": "^6.3.0",
@@ -59,8 +59,7 @@
     "moment-timezone": "^0.5.42",
     "qs": "^6.10.3",
     "react-chartjs-2": "^3.0.3",
-    "react-dates": "^21.8.0",
-    "react-is": "^18.2.0",
+    "react-is": "^18.3.1",
     "react-markdown": "^8.0.6",
     "recoil": "^0.7.7",
     "rehype-highlight": "^6.0.0",
@@ -119,11 +118,10 @@
     "@types/lru-cache": "^5.1.0",
     "@types/mdx-js__react": "^1",
     "@types/qs": "^6.9.6",
-    "@types/react": "^18.2.0",
-    "@types/react-dates": "^21",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^18.3.9",
+    "@types/react-dom": "^18.3.0",
     "@types/react-router": "^5.1.17",
-    "@types/react-router-dom": "^5.3.2",
+    "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
     "@types/testing-library__jest-dom": "^5.14.2",
     "@types/ws": "^6.0.3",
@@ -144,9 +142,9 @@
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^29.4",
     "prettier": "^3.0.3",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-docgen-typescript-plugin": "^1.0.8",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.3.0",
     "react-router-dom-v5-compat": "^6.3.0",
diff --git a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
index ee603f8143b51..3d67661c0c68e 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
@@ -460,7 +460,9 @@ const AssetGraphExplorerWithData = ({
 
   const svgViewport = layout ? (
     <SVGViewport
-      ref={(r) => (viewportEl.current = r || undefined)}
+      ref={(r) => {
+        viewportEl.current = r || undefined;
+      }}
       defaultZoom="zoom-to-fit-width"
       interactor={SVGViewport.Interactors.PanAndZoom}
       graphWidth={layout.width}
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetNodeLineageGraph.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetNodeLineageGraph.tsx
index e193457993271..9ba732268c3a9 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetNodeLineageGraph.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetNodeLineageGraph.tsx
@@ -79,7 +79,9 @@ export const AssetNodeLineageGraph = ({
   return (
     <AssetGraphBackgroundContextMenu direction={direction} setDirection={setDirection}>
       <SVGViewport
-        ref={(r) => (viewportEl.current = r || undefined)}
+        ref={(r) => {
+          viewportEl.current = r || undefined;
+        }}
         interactor={SVGViewport.Interactors.PanAndZoom}
         defaultZoom="zoom-to-fit"
         graphWidth={layout.width}
diff --git a/js_modules/dagster-ui/packages/ui-core/src/ui/BaseFilters/DateRangePickerWrapper.tsx b/js_modules/dagster-ui/packages/ui-core/src/ui/BaseFilters/DateRangePickerWrapper.tsx
index a27116d352d81..6b338a392296d 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/ui/BaseFilters/DateRangePickerWrapper.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/ui/BaseFilters/DateRangePickerWrapper.tsx
@@ -1,121 +1,4 @@
-import {Colors} from '@dagster-io/ui-components';
-import * as React from 'react';
-import {DateRangePicker} from 'react-dates';
-import styled from 'styled-components';
-
-import 'react-dates/initialize';
-import 'react-dates/lib/css/_datepicker.css';
-
-export const DateRangePickerWrapper = (props: React.ComponentProps<typeof DateRangePicker>) => {
-  return (
-    <DatePickerContainer>
-      <DateRangePicker {...props} />
-    </DatePickerContainer>
-  );
-};
-
-const DatePickerContainer = styled.div`
-  .DateRangePickerInput {
-    background-color: ${Colors.backgroundDefault()};
-  }
-
-  .DateRangePickerInput__withBorder {
-    border-color: ${Colors.borderDefault()};
-  }
-
-  .DateInput {
-    background-color: ${Colors.backgroundDefault()};
-  }
-
-  .DateRangePickerInput_arrow_svg {
-    fill: ${Colors.textLighter()};
-  }
-
-  .DateInput_input {
-    background-color: ${Colors.backgroundDefault()};
-    color: ${Colors.textDefault()};
-  }
-
-  .DateInput_input::placeholder {
-    color: ${Colors.textLight()};
-  }
-
-  .DateInput_input__focused {
-    border-color: ${Colors.accentBlue()};
-    outline: none;
-  }
-
-  .DateInput_fangShape {
-    fill: ${Colors.backgroundLight()};
-  }
-
-  .DateInput_fangStroke {
-    stroke: ${Colors.keylineDefault()};
-  }
-
-  .DateRangePicker_picker {
-    background-color: ${Colors.backgroundLight()};
-    color: ${Colors.textDefault()};
-  }
-
-  .DayPicker {
-    background-color: ${Colors.backgroundLight()};
-    color: ${Colors.textDefault()};
-  }
-
-  .DayPickerNavigation_button__default {
-    background-color: ${Colors.backgroundLight()};
-    border-color: ${Colors.borderDefault()};
-
-    :hover {
-      border-color: ${Colors.borderHover()};
-    }
-  }
-
-  .DayPickerNavigation_svg__horizontal {
-    fill: ${Colors.textLight()};
-  }
-
-  .DayPicker_weekHeader {
-    color: ${Colors.textLighter()};
-  }
-
-  .CalendarMonthGrid,
-  .CalendarMonth {
-    background-color: ${Colors.backgroundLight()};
-    color: ${Colors.textDefault()};
-  }
-
-  .CalendarMonth_caption {
-    color: ${Colors.textLight()};
-  }
-
-  .CalendarDay__default {
-    background-color: ${Colors.backgroundLight()};
-    border-color: ${Colors.keylineDefault()};
-    color: ${Colors.textLight()};
-
-    :hover {
-      background-color: ${Colors.backgroundBlue()};
-      border-color: ${Colors.keylineDefault()};
-    }
-  }
-
-  .CalendarDay__selected {
-    background-color: ${Colors.backgroundBlueHover()};
-
-    :active,
-    :hover {
-      border-color: ${Colors.keylineDefault()};
-    }
-  }
-
-  .CalendarDay__hovered_span,
-  .CalendarDay__hovered_span_3 {
-    background-color: ${Colors.backgroundBlue()};
-    border-color: ${Colors.keylineDefault()};
-  }
-`;
+import {DateRangePickerWrapper} from '@dagster-io/ui-components';
 
 // eslint-disable-next-line import/no-default-export
 export default DateRangePickerWrapper;
diff --git a/js_modules/dagster-ui/yarn.lock b/js_modules/dagster-ui/yarn.lock
index 89a1bccd08aa8..7837c0a54d1c8 100644
--- a/js_modules/dagster-ui/yarn.lock
+++ b/js_modules/dagster-ui/yarn.lock
@@ -353,6 +353,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.25.6":
+  version: 7.25.6
+  resolution: "@babel/generator@npm:7.25.6"
+  dependencies:
+    "@babel/types": "npm:^7.25.6"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jsesc: "npm:^2.5.1"
+  checksum: 10/541e4fbb6ea7806f44232d70f25bf09dee9a57fe43d559e375536870ca5261ebb4647fec3af40dcbb3325ea2a49aff040e12a4e6f88609eaa88f10c4e27e31f8
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.18.6, @babel/helper-annotate-as-pure@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
@@ -628,7 +640,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.22.5":
+"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-module-imports@npm:7.24.7"
+  dependencies:
+    "@babel/traverse": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10/df8bfb2bb18413aa151ecd63b7d5deb0eec102f924f9de6bc08022ced7ed8ca7fed914562d2f6fa5b59b74a5d6e255dc35612b2bc3b8abf361e13f61b3704770
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-module-imports@npm:7.22.5"
   dependencies:
@@ -646,16 +668,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-module-imports@npm:7.24.7"
-  dependencies:
-    "@babel/traverse": "npm:^7.24.7"
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10/df8bfb2bb18413aa151ecd63b7d5deb0eec102f924f9de6bc08022ced7ed8ca7fed914562d2f6fa5b59b74a5d6e255dc35612b2bc3b8abf361e13f61b3704770
-  languageName: node
-  linkType: hard
-
 "@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/helper-module-transforms@npm:7.22.9"
@@ -862,6 +874,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-string-parser@npm:7.24.8"
+  checksum: 10/6d1bf8f27dd725ce02bdc6dffca3c95fb9ab8a06adc2edbd9c1c9d68500274230d1a609025833ed81981eff560045b6b38f7b4c6fb1ab19fc90e5004e3932535
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.22.20":
   version: 7.22.20
   resolution: "@babel/helper-validator-identifier@npm:7.22.20"
@@ -1087,6 +1106,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.6":
+  version: 7.25.6
+  resolution: "@babel/parser@npm:7.25.6"
+  dependencies:
+    "@babel/types": "npm:^7.25.6"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10/830aab72116aa14eb8d61bfa8f9d69fc8f3a43d909ce993cb4350ae14d3af1a2f740a54410a22d821c48a253263643dfecbc094f9608e6a70ce9ff3c0bbfe91a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.7"
@@ -3280,7 +3310,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.14.0, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.22.10, @babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8, @babel/traverse@npm:^7.4.5":
+"@babel/template@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/template@npm:7.25.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/parser": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.0"
+  checksum: 10/07ebecf6db8b28244b7397628e09c99e7a317b959b926d90455c7253c88df3677a5a32d1501d9749fe292a263ff51a4b6b5385bcabd5dadd3a48036f4d4949e0
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.14.0, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.22.10, @babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8":
   version: 7.23.2
   resolution: "@babel/traverse@npm:7.23.2"
   dependencies:
@@ -3334,6 +3375,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.4.5":
+  version: 7.25.6
+  resolution: "@babel/traverse@npm:7.25.6"
+  dependencies:
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/generator": "npm:^7.25.6"
+    "@babel/parser": "npm:^7.25.6"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.6"
+    debug: "npm:^4.3.1"
+    globals: "npm:^11.1.0"
+  checksum: 10/de75a918299bc27a44ec973e3f2fa8c7902bbd67bd5d39a0be656f3c1127f33ebc79c12696fbc8170a0b0e1072a966d4a2126578d7ea2e241b0aeb5d16edc738
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.1.6, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.13, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.22.5
   resolution: "@babel/types@npm:7.22.5"
@@ -3400,6 +3456,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.25.0, @babel/types@npm:^7.25.6":
+  version: 7.25.6
+  resolution: "@babel/types@npm:7.25.6"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.24.8"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10/7b54665e1b51f525fe0f451efdd9fe7a4a6dfba3fd4956c3530bc77336b66ffe3d78c093796ed044119b5d213176af7cf326f317a2057c538d575c6cefcb3562
+  languageName: node
+  linkType: hard
+
 "@base2/pretty-print-object@npm:1.0.1":
   version: 1.0.1
   resolution: "@base2/pretty-print-object@npm:1.0.1"
@@ -3533,8 +3600,8 @@ __metadata:
     "@rive-app/react-canvas": "npm:^3.0.34"
     "@types/jest": "npm:^29.5.11"
     "@types/node": "npm:^16.11.20"
-    "@types/react": "npm:^18.2.0"
-    "@types/react-dom": "npm:^18.2.0"
+    "@types/react": "npm:^18.3.9"
+    "@types/react-dom": "npm:^18.3.0"
     "@types/styled-components": "npm:^5.1.26"
     "@types/uuid": "npm:^8.3.4"
     "@types/validator": "npm:^13"
@@ -3548,9 +3615,9 @@ __metadata:
     graphql: "npm:^16.8.1"
     next: "npm:^14.2.10"
     prettier: "npm:^3.0.3"
-    react: "npm:^18.2.0"
-    react-dom: "npm:^18.2.0"
-    react-is: "npm:^18.2.0"
+    react: "npm:^18.3.1"
+    react-dom: "npm:^18.3.1"
+    react-is: "npm:^18.3.1"
     react-router: "npm:^5.2.1"
     react-router-dom: "npm:^5.3.0"
     react-router-dom-v5-compat: "npm:^6.3.0"
@@ -3664,9 +3731,10 @@ __metadata:
     "@types/jest": "npm:^29.5.11"
     "@types/lru-cache": "npm:^7"
     "@types/mdx-js__react": "npm:^1"
-    "@types/react": "npm:^18.2.0"
-    "@types/react-dom": "npm:^18.2.0"
-    "@types/react-is": "npm:^18"
+    "@types/react": "npm:^18.3.9"
+    "@types/react-dates": "npm:^21.8.0"
+    "@types/react-dom": "npm:^18.3.0"
+    "@types/react-is": "npm:^18.3.0"
     "@types/rollup-plugin-node-globals": "npm:^1"
     "@types/styled-components": "npm:^5.1.26"
     "@types/testing-library__jest-dom": "npm:^5.14.2"
@@ -3682,9 +3750,10 @@ __metadata:
     jest: "npm:^29.7.0"
     jest-environment-jsdom: "npm:^29.5.0"
     prettier: "npm:3.0.3"
-    react: "npm:^18.2.0"
+    react: "npm:^18.3.1"
+    react-dates: "npm:^21.8.0"
     react-docgen-typescript-plugin: "npm:^1.0.8"
-    react-dom: "npm:^18.2.0"
+    react-dom: "npm:^18.3.1"
     regenerator-runtime: "npm:^0.13.9"
     rollup: "npm:^2.70.1"
     rollup-plugin-node-globals: "npm:^1.4.0"
@@ -3699,9 +3768,9 @@ __metadata:
     "@blueprintjs/popover2": ^2
     "@blueprintjs/select": ^5
     "@tanstack/react-virtual": ^3.0.1
-    react: ^18.2.0
-    react-dom: ^18.2.0
-    react-is: ^18.2.0
+    react: ^18.3.1
+    react-dom: ^18.3.1
+    react-is: ^18.3.1
     styled-components: ^5.3.3
   languageName: unknown
   linkType: soft
@@ -3759,11 +3828,10 @@ __metadata:
     "@types/lru-cache": "npm:^5.1.0"
     "@types/mdx-js__react": "npm:^1"
     "@types/qs": "npm:^6.9.6"
-    "@types/react": "npm:^18.2.0"
-    "@types/react-dates": "npm:^21"
-    "@types/react-dom": "npm:^18.2.0"
+    "@types/react": "npm:^18.3.9"
+    "@types/react-dom": "npm:^18.3.0"
     "@types/react-router": "npm:^5.1.17"
-    "@types/react-router-dom": "npm:^5.3.2"
+    "@types/react-router-dom": "npm:^5.3.3"
     "@types/styled-components": "npm:^5.1.26"
     "@types/testing-library__jest-dom": "npm:^5.14.2"
     "@types/ws": "npm:^6.0.3"
@@ -3808,12 +3876,11 @@ __metadata:
     moment-timezone: "npm:^0.5.42"
     prettier: "npm:^3.0.3"
     qs: "npm:^6.10.3"
-    react: "npm:^18.2.0"
+    react: "npm:^18.3.1"
     react-chartjs-2: "npm:^3.0.3"
-    react-dates: "npm:^21.8.0"
     react-docgen-typescript-plugin: "npm:^1.0.8"
-    react-dom: "npm:^18.2.0"
-    react-is: "npm:^18.2.0"
+    react-dom: "npm:^18.3.1"
+    react-is: "npm:^18.3.1"
     react-markdown: "npm:^8.0.6"
     react-router: "npm:^5.2.1"
     react-router-dom: "npm:^5.3.0"
@@ -3840,8 +3907,8 @@ __metadata:
     "@blueprintjs/popover2": ^2
     "@blueprintjs/select": ^5
     "@dagster-io/ui-components": "workspace:*"
-    react: ^18.2.0
-    react-dom: ^18.2.0
+    react: ^18.3.1
+    react-dom: ^18.3.1
     react-router: ^5.2.1
     react-router-dom: ^5.3.0
     react-router-dom-v5-compat: ^6.3.0
@@ -3866,18 +3933,18 @@ __metadata:
   linkType: hard
 
 "@emotion/is-prop-valid@npm:^1.1.0":
-  version: 1.2.1
-  resolution: "@emotion/is-prop-valid@npm:1.2.1"
+  version: 1.3.1
+  resolution: "@emotion/is-prop-valid@npm:1.3.1"
   dependencies:
-    "@emotion/memoize": "npm:^0.8.1"
-  checksum: 10/fe231c472d38b3bbe519bcc9a5585cd41c45604147f3a065e333caf0f695d668aa21bc4229e657c1b6ea7398e096899e6ad54662548c73f11f6ba594aebd76a1
+    "@emotion/memoize": "npm:^0.9.0"
+  checksum: 10/abbc5c7bf4017415da5b06067fc0b4771d1f22cf94ec37fd54c07b3bd1bcffbda2405ca686e7ee64a9cfc51461262b712f724850e838775347a949f72949ad03
   languageName: node
   linkType: hard
 
-"@emotion/memoize@npm:^0.8.1":
-  version: 0.8.1
-  resolution: "@emotion/memoize@npm:0.8.1"
-  checksum: 10/a19cc01a29fcc97514948eaab4dc34d8272e934466ed87c07f157887406bc318000c69ae6f813a9001c6a225364df04249842a50e692ef7a9873335fbcc141b0
+"@emotion/memoize@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@emotion/memoize@npm:0.9.0"
+  checksum: 10/038132359397348e378c593a773b1148cd0cf0a2285ffd067a0f63447b945f5278860d9de718f906a74c7c940ba1783ac2ca18f1c06a307b01cc0e3944e783b1
   languageName: node
   linkType: hard
 
@@ -7213,12 +7280,12 @@ __metadata:
   linkType: hard
 
 "@types/hoist-non-react-statics@npm:*":
-  version: 3.3.1
-  resolution: "@types/hoist-non-react-statics@npm:3.3.1"
+  version: 3.3.5
+  resolution: "@types/hoist-non-react-statics@npm:3.3.5"
   dependencies:
     "@types/react": "npm:*"
     hoist-non-react-statics: "npm:^3.3.0"
-  checksum: 10/071e6d75a0ed9aa0e9ca2cc529a8c15bf7ac3e4a37aac279772ea6036fd0bf969b67fb627b65cfce65adeab31fec1e9e95b4dcdefeab075b580c0c7174206f63
+  checksum: 10/b645b062a20cce6ab1245ada8274051d8e2e0b2ee5c6bd58215281d0ec6dae2f26631af4e2e7c8abe238cdcee73fcaededc429eef569e70908f82d0cc0ea31d7
   languageName: node
   linkType: hard
 
@@ -7456,45 +7523,45 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dates@npm:^21":
-  version: 21.8.3
-  resolution: "@types/react-dates@npm:21.8.3"
+"@types/react-dates@npm:^21.8.0":
+  version: 21.8.6
+  resolution: "@types/react-dates@npm:21.8.6"
   dependencies:
     "@types/react": "npm:*"
     "@types/react-outside-click-handler": "npm:*"
     moment: "npm:^2.26.0"
-  checksum: 10/8507b6bf4877d0dcbaa8eefe61ff4c3d73671514dc5e2abcd62dc0cd2f995ea874eddd7da66c3c415b04976557599f51353f0115231e703b230fdf7732499b40
+  checksum: 10/cc6168396f2cbb6a81daa3ded86edb42a3c258fb96e1d2471721f2ef45132bc2ac2bd954c6e4ae1ae084d982bda124a29b02d857a3cce12c5a1febb3bfd591e4
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:>=16.9.0, @types/react-dom@npm:^18.2.0":
-  version: 18.2.7
-  resolution: "@types/react-dom@npm:18.2.7"
+"@types/react-dom@npm:>=16.9.0, @types/react-dom@npm:^18.3.0":
+  version: 18.3.0
+  resolution: "@types/react-dom@npm:18.3.0"
   dependencies:
     "@types/react": "npm:*"
-  checksum: 10/9b70ef66cbe2d2898ea37eb79ee3697e0e4ad3d950e769a601f79be94097d43b8ef45b98a0b29528203c7d731c81666f637b2b7032deeced99214b4bc0662614
+  checksum: 10/6ff53f5a7b7fba952a68e114d3b542ebdc1e87a794234785ebab0bcd9bde7fb4885f21ebaf93d26dc0a1b5b93287f42cad68b78ae04dddf6b20da7aceff0beaf
   languageName: node
   linkType: hard
 
-"@types/react-is@npm:^18":
-  version: 18.2.1
-  resolution: "@types/react-is@npm:18.2.1"
+"@types/react-is@npm:^18.3.0":
+  version: 18.3.0
+  resolution: "@types/react-is@npm:18.3.0"
   dependencies:
     "@types/react": "npm:*"
-  checksum: 10/b44c3262efa2c68fa6fe2beb9ef86170b18305469461a3f97aa14943cc033cb21a26944f718bdb6434eea6e8f7fcba251c4f45b65b897a3fcf751b5a6003cf82
+  checksum: 10/c7c9303a76902ecc2bd38a27047da8ffb9d5a19fe6e1f785e13698e7641e7afff0c6a49ddf1c22fb20b58f4fb689d83a887641f62db4ec2fdea3d04124a84023
   languageName: node
   linkType: hard
 
 "@types/react-outside-click-handler@npm:*":
-  version: 1.3.1
-  resolution: "@types/react-outside-click-handler@npm:1.3.1"
+  version: 1.3.4
+  resolution: "@types/react-outside-click-handler@npm:1.3.4"
   dependencies:
     "@types/react": "npm:*"
-  checksum: 10/514e5fe09adfee12dc790dc4bee008c8e44a814c6631e2374f08c0e77868ca77783396cc9c868406f952e48a5164a487a487e960d4ed3d77924b419cec5252c7
+  checksum: 10/b2875e1fb949baeeb29d52ee4e99fbe82a22ea0f79c114d3f8fa986f5ed42078830f36c5d21c789f4930eb4b9a923b1329b01a3c7541c73dfffb3f39a3c146f4
   languageName: node
   linkType: hard
 
-"@types/react-router-dom@npm:^5.3.2":
+"@types/react-router-dom@npm:^5.3.3":
   version: 5.3.3
   resolution: "@types/react-router-dom@npm:5.3.3"
   dependencies:
@@ -7524,14 +7591,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:>=16.9.0, @types/react@npm:^18.2.0":
-  version: 18.2.18
-  resolution: "@types/react@npm:18.2.18"
+"@types/react@npm:*, @types/react@npm:>=16.9.0, @types/react@npm:^18.3.9":
+  version: 18.3.9
+  resolution: "@types/react@npm:18.3.9"
   dependencies:
     "@types/prop-types": "npm:*"
-    "@types/scheduler": "npm:*"
     csstype: "npm:^3.0.2"
-  checksum: 10/0e40d17aaf4df5e8a97eda3a09625bc261e56fb2c6268ed693416d628700ac21b381fe2b86bd91ff562902389516b9919506453beacb9cbf64be16f37b3a58bb
+  checksum: 10/d1321e874e6523b0a944d4ce514c071cbe44501b04591e17c0b265c9a03fb3e4486337ae1bec74541b72a41f34beef157342205dd07b31d116f4d06fa39cf32f
   languageName: node
   linkType: hard
 
@@ -7571,13 +7637,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/scheduler@npm:*":
-  version: 0.16.3
-  resolution: "@types/scheduler@npm:0.16.3"
-  checksum: 10/2b0aec39c24268e3ce938c5db2f2e77f5c3dd280e05c262d9c2fe7d890929e4632a6b8e94334017b66b45e4f92a5aa42ba3356640c2a1175fa37bef2f5200767
-  languageName: node
-  linkType: hard
-
 "@types/semver@npm:^7.3.12, @types/semver@npm:^7.3.4":
   version: 7.5.0
   resolution: "@types/semver@npm:7.5.0"
@@ -7621,13 +7680,13 @@ __metadata:
   linkType: hard
 
 "@types/styled-components@npm:^5.1.26":
-  version: 5.1.26
-  resolution: "@types/styled-components@npm:5.1.26"
+  version: 5.1.34
+  resolution: "@types/styled-components@npm:5.1.34"
   dependencies:
     "@types/hoist-non-react-statics": "npm:*"
     "@types/react": "npm:*"
     csstype: "npm:^3.0.2"
-  checksum: 10/e40c942c97f4467310c658608e7d02d6b9571d390d0fa519bdbd37e48ed2c605a6c9e464812c36d0a1339402bff65cb473b9e785288a29419d7af994595bba33
+  checksum: 10/3da291b46f03d378a0176c9d034deee7ee0684c5d62e1c5ce82f3be0972918eaa806f45c62e9a4f1c8d24c5ba6571c260caba2493fc7e82b528ac7d15903e2c1
   languageName: node
   linkType: hard
 
@@ -17717,13 +17776,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"moment@npm:>=1.6.0, moment@npm:^2.15.2, moment@npm:^2.26.0, moment@npm:^2.29.4":
+"moment@npm:>=1.6.0, moment@npm:^2.15.2, moment@npm:^2.29.4":
   version: 2.29.4
   resolution: "moment@npm:2.29.4"
   checksum: 10/157c5af5a0ba8196e577bc67feb583303191d21ba1f7f2af30b3b40d4c63a64d505ba402be2a1454832082fac6be69db1e0d186c3279dae191e6634b0c33705c
   languageName: node
   linkType: hard
 
+"moment@npm:^2.26.0":
+  version: 2.30.1
+  resolution: "moment@npm:2.30.1"
+  checksum: 10/ae42d876d4ec831ef66110bdc302c0657c664991e45cf2afffc4b0f6cd6d251dde11375c982a5c0564ccc0fa593fc564576ddceb8c8845e87c15f58aa6baca69
+  languageName: node
+  linkType: hard
+
 "moo-color@npm:^1.0.2":
   version: 1.0.3
   resolution: "moo-color@npm:1.0.3"
@@ -19746,7 +19812,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0":
+"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react-dom@npm:^18.3.1":
   version: 18.3.1
   resolution: "react-dom@npm:18.3.1"
   dependencies:
@@ -19758,18 +19824,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react-dom@npm:18.2.0"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-    scheduler: "npm:^0.23.0"
-  peerDependencies:
-    react: ^18.2.0
-  checksum: 10/ca5e7762ec8c17a472a3605b6f111895c9f87ac7d43a610ab7024f68cd833d08eda0625ce02ec7178cc1f3c957cf0b9273cdc17aa2cd02da87544331c43b1d21
-  languageName: node
-  linkType: hard
-
 "react-element-to-jsx-string@npm:^15.0.0":
   version: 15.0.0
   resolution: "react-element-to-jsx-string@npm:15.0.0"
@@ -19823,13 +19877,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^18.0.0, react-is@npm:^18.2.0":
+"react-is@npm:^18.0.0":
   version: 18.2.0
   resolution: "react-is@npm:18.2.0"
   checksum: 10/200cd65bf2e0be7ba6055f647091b725a45dd2a6abef03bf2380ce701fd5edccee40b49b9d15edab7ac08a762bf83cb4081e31ec2673a5bfb549a36ba21570df
   languageName: node
   linkType: hard
 
+"react-is@npm:^18.3.1":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10/d5f60c87d285af24b1e1e7eaeb123ec256c3c8bdea7061ab3932e3e14685708221bf234ec50b21e10dd07f008f1b966a2730a0ce4ff67905b3872ff2042aec22
+  languageName: node
+  linkType: hard
+
 "react-markdown@npm:^8.0.6":
   version: 8.0.7
   resolution: "react-markdown@npm:8.0.7"
@@ -20056,7 +20117,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0":
+"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react@npm:^18.3.1":
   version: 18.3.1
   resolution: "react@npm:18.3.1"
   dependencies:
@@ -20065,15 +20126,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react@npm:18.2.0"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10/b9214a9bd79e99d08de55f8bef2b7fc8c39630be97c4e29d7be173d14a9a10670b5325e94485f74cd8bff4966ef3c78ee53c79a7b0b9b70cba20aa8973acc694
-  languageName: node
-  linkType: hard
-
 "readable-stream@npm:^2.3.8":
   version: 2.3.8
   resolution: "readable-stream@npm:2.3.8"
@@ -21037,15 +21089,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.23.0":
-  version: 0.23.0
-  resolution: "scheduler@npm:0.23.0"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10/0c4557aa37bafca44ff21dc0ea7c92e2dbcb298bc62eae92b29a39b029134f02fb23917d6ebc8b1fa536b4184934314c20d8864d156a9f6357f3398aaf7bfda8
-  languageName: node
-  linkType: hard
-
 "scheduler@npm:^0.23.2":
   version: 0.23.2
   resolution: "scheduler@npm:0.23.2"