HopkinsIDD/covid-dashboard-app

Update From React 16 to React 18

Opened this issue · 2 comments

TimothyWillard commented

Currently using react 16:

    "react": "^16.13.1",
    "react-dom": "^16.13.1",

Should update this to react 18 when possible. Looks like there are a few major API changes. See: https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.

TimothyWillard commented

Components that need to be upgraded:

  • Sliders
  • Histogram
  • SeverityContainer
  • Severity
  • R0
  • Scenarios
  • OutsideAlerter TooltipHandler
  • Indicators
  • ActualSwitch
  • Brush
  • ModeToggle
  • About
  • NavBar
  • Chart (src//components/Chart/Chart.js:14)
  • MainChart
  • ChartContainer
  • IndicatorSelection
  • ScaleToggle
  • Chart (src//components/Chart/DatePicker.js:7) ChartRangePicker
  • Graph
  • Axis
  • MainGraph
  • GraphContainer
  • ThresholdLabel
  • Search
  • SearchBar
  • FileUploader
  • MapContainer
  • DateSlider
  • MainMap
  • Map (Mostly, panning is currently broken)
  • Methodology
  • MenuItem
  • Footer
  • MainContainer
  • Legend

Found using grep -rn src/ -i -e "extends component".

TimothyWillard commented

This is taken care of in TimothyWillard/covid-dashboard-app's wip/2024-revitalization branch. Keeping this open until that branch is PR ready & merged.