build(deps): bump react and react-dom from 18.3.1 to 19.1.0 (#1532)

* build(deps): bump react from 18.3.1 to 19.1.0

Bumps [react](https://github.com/facebook/react/tree/HEAD/packages/react) from 18.3.1 to 19.1.0.
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v19.1.0/packages/react)

---
updated-dependencies:
- dependency-name: react
  dependency-version: 19.1.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: david-yz-liu <[email protected]>

Author: dependabot[bot]

.github/dependabot.yml

@@ -13,6 +13,10 @@ updates:
       ag-grid:
         patterns:
           - "ag-grid-*"
+      react:
+        patterns:
+          - "react"
+          - "react-dom"
       stylelint:
         patterns:
           - "stylelint*"

.pnp.cjs

@@ -58,6 +58,8 @@
 - Added Haskell Language Server (HLS) Guide
 - Upgraded to Stackage lts-23.18
 - Added `stylish-haskell` dependency and ran it on `.hs` source files
+- Upgraded to React v19
+- Added dependabot group for `react` and `react-dom`
 
 ## [0.6.0] - 2024-06-24
 

.yarn/cache/react-dom-npm-18.3.1-a805663f38-298954ecd8.zip

@@ -5,7 +5,7 @@ import { Description } from "../react_modal.js.jsx"
 describe("Displays correct content based on timetable availability", () => {
   beforeEach(() => cleanup())
 
-  it("displays a timetable when there is only one session", () => {
+  it("displays a timetable when there is only one session", async () => {
     const courseInfo = {
       course: {
         name: "CSC108H1",
@@ -31,13 +31,13 @@ describe("Displays correct content based on timetable availability", () => {
     }
 
     render(<Description course={courseInfo.course} sessions={courseInfo.sessions} />)
-    expect(screen.getByText(/CSC108H1/)).not.toBeNull()
-    expect(screen.getByText(/LEC0101/)).not.toBeNull()
-    expect(screen.getByText("sample description")).not.toBeNull()
-    expect(screen.getByText("Beyonce")).not.toBeNull()
+    await screen.findByText(/CSC108H1/)
+    await screen.findByText(/LEC0101/)
+    await screen.findByText("sample description")
+    await screen.findByText("Beyonce")
   })
 
-  it("displays a timetable when there is more than one session", () => {
+  it("displays a timetable when there is more than one session", async () => {
     const courseInfo = {
       course: {
         name: "CSC108H1",
@@ -72,13 +72,13 @@ describe("Displays correct content based on timetable availability", () => {
     }
 
     render(<Description course={courseInfo.course} sessions={courseInfo.sessions} />)
-    expect(screen.getAllByText(/CSC108H1/)).not.toBeNull()
-    expect(screen.getByText(/LEC0101/)).not.toBeNull()
-    expect(screen.getByText(/LEC0202/)).not.toBeNull()
-    expect(screen.getByText("David. Liu")).not.toBeNull()
+    await screen.findAllByText(/CSC108H1/)
+    await screen.findByText(/LEC0101/)
+    await screen.findByText(/LEC0202/)
+    await screen.findByText("David. Liu")
   })
 
-  it("displays reminder when there's no timetable information", () => {
+  it("displays reminder when there's no timetable information", async () => {
     const courseInfo = {
       course: {
         name: "CSC108H1",
@@ -95,6 +95,6 @@ describe("Displays correct content based on timetable availability", () => {
     }
 
     render(<Description course={courseInfo.course} sessions={courseInfo.sessions} />)
-    expect(screen.getByText("No timetable information available")).not.toBeNull()
+    await screen.findByText("No timetable information available")
   })
 })

.yarn/cache/react-dom-npm-19.1.0-773f826e46-1d154b6543.zip

@@ -38,8 +38,8 @@
     "jquery": "^3.7.1",
     "leaflet": "^1.9.3",
     "lodash": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "19.1.0",
     "react-leaflet": "^4.2.1",
     "react-modal": "^3.16.1",
     "react-tooltip": "^5.28.0"
@@ -83,5 +83,8 @@
     "webpack-dev-server": "^5.1.0",
     "webpack-merge": "^6.0.1"
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "resolutions": {
+    "pretty-format/react-is": "19.1.0"
+  }
 }