diff --git a/package.json b/package.json
index c8af0b54..1f1d3ffd 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.0",
     "@testing-library/jest-dom": "^5.15.0",
-    "@testing-library/react": "^12.1.0",
+    "@testing-library/react": "^13.4.0",
     "eslint": "^8.26.0",
     "eslint-config-wojtekmaj": "^0.7.1",
     "husky": "^8.0.0",
@@ -57,8 +57,8 @@
     "less": "^4.0.0",
     "prettier": "^2.7.0",
     "pretty-quick": "^3.1.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.0"
   },
   "peerDependencies": {
diff --git a/sample/package.json b/sample/package.json
index 3f7d7724..6bc7c1ac 100644
--- a/sample/package.json
+++ b/sample/package.json
@@ -14,9 +14,9 @@
   "license": "MIT",
   "dependencies": {
     "prop-types": "^15.6.2",
-    "react": "^17.0.0",
+    "react": "^18.2.0",
     "react-calendar": "latest",
-    "react-dom": "^17.0.0"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
diff --git a/sample/yarn.lock b/sample/yarn.lock
index a72b4616..970b8376 100644
--- a/sample/yarn.lock
+++ b/sample/yarn.lock
@@ -4678,9 +4678,9 @@ __metadata:
     less: ^4.0.0
     less-loader: ^11.0.0
     prop-types: ^15.6.2
-    react: ^17.0.0
+    react: ^18.2.0
     react-calendar: latest
-    react-dom: ^17.0.0
+    react-dom: ^18.2.0
     style-loader: ^3.0.0
     webpack: ^5.20.0
     webpack-cli: ^4.7.0
@@ -4703,16 +4703,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
+"react-dom@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react-dom@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
+    scheduler: ^0.23.0
   peerDependencies:
-    react: 17.0.2
-  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+    react: ^18.2.0
+  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
   languageName: node
   linkType: hard
 
@@ -4723,13 +4722,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
+"react@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
   languageName: node
   linkType: hard
 
@@ -4970,13 +4968,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
+"scheduler@npm:^0.23.0":
+  version: 0.23.0
+  resolution: "scheduler@npm:0.23.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
   languageName: node
   linkType: hard
 
diff --git a/src/Calendar.spec.jsx b/src/Calendar.spec.jsx
index a1b1eec2..8bf050be 100644
--- a/src/Calendar.spec.jsx
+++ b/src/Calendar.spec.jsx
@@ -1,5 +1,5 @@
 import React, { createRef } from 'react';
-import { render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 import { getMonthStart } from '@wojtekmaj/date-utils';
 
 import Calendar from './Calendar';
@@ -119,7 +119,9 @@ describe('Calendar', () => {
 
     render(<Calendar value={value} ref={instance} />);
 
-    instance.current.onChange(newValue, event);
+    act(() => {
+      instance.current.onChange(newValue, event);
+    });
 
     expect(instance.current.activeStartDate).toEqual(newActiveStartDate);
   });
@@ -356,8 +358,13 @@ describe('Calendar', () => {
 
       render(<Calendar ref={instance} />);
 
-      instance.current.setState({ view: 'month' });
-      instance.current.drillUp();
+      act(() => {
+        instance.current.setState({ view: 'month' });
+      });
+
+      act(() => {
+        instance.current.drillUp();
+      });
 
       expect(instance.current.view).toBe('year');
     });
@@ -375,7 +382,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.drillUp();
+      act(() => {
+        instance.current.drillUp();
+      });
 
       expect(onDrillUp).toHaveBeenCalledWith({
         action: 'drillUp',
@@ -392,8 +401,13 @@ describe('Calendar', () => {
         <Calendar activeStartDate={new Date(2017, 6, 1)} onDrillUp={onDrillUp} ref={instance} />,
       );
 
-      instance.current.setState({ view: 'month' });
-      instance.current.drillUp();
+      act(() => {
+        instance.current.setState({ view: 'month' });
+      });
+
+      act(() => {
+        instance.current.drillUp();
+      });
 
       expect(onDrillUp).toHaveBeenCalledWith({
         action: 'drillUp',
@@ -408,7 +422,9 @@ describe('Calendar', () => {
 
       render(<Calendar onDrillUp={onDrillUp} view="century" ref={instance} />);
 
-      instance.current.drillUp();
+      act(() => {
+        instance.current.drillUp();
+      });
 
       expect(onDrillUp).not.toHaveBeenCalled();
     });
@@ -420,8 +436,13 @@ describe('Calendar', () => {
 
       render(<Calendar ref={instance} />);
 
-      instance.current.setState({ view: 'century' });
-      instance.current.drillDown(new Date(2011, 0, 1));
+      act(() => {
+        instance.current.setState({ view: 'century' });
+      });
+
+      act(() => {
+        instance.current.drillDown(new Date(2011, 0, 1));
+      });
 
       expect(instance.current.view).toBe('decade');
     });
@@ -439,7 +460,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.drillDown(new Date(2011, 0, 1));
+      act(() => {
+        instance.current.drillDown(new Date(2011, 0, 1));
+      });
 
       expect(onDrillDown).toHaveBeenCalledWith({
         action: 'drillDown',
@@ -460,8 +483,13 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setState({ view: 'century' });
-      instance.current.drillDown(new Date(2011, 0, 1));
+      act(() => {
+        instance.current.setState({ view: 'century' });
+      });
+
+      act(() => {
+        instance.current.drillDown(new Date(2011, 0, 1));
+      });
 
       expect(onDrillDown).toHaveBeenCalledWith({
         action: 'drillDown',
@@ -476,7 +504,9 @@ describe('Calendar', () => {
 
       render(<Calendar onDrillDown={onDrillDown} view="month" ref={instance} />);
 
-      instance.current.drillUp();
+      act(() => {
+        instance.current.drillUp();
+      });
 
       expect(onDrillDown).not.toHaveBeenCalled();
     });
@@ -488,7 +518,9 @@ describe('Calendar', () => {
 
       render(<Calendar ref={instance} />);
 
-      instance.current.setActiveStartDate(new Date(2019, 0, 1));
+      act(() => {
+        instance.current.setActiveStartDate(new Date(2019, 0, 1));
+      });
 
       expect(instance.current.activeStartDate).toEqual(new Date(2019, 0, 1));
     });
@@ -508,7 +540,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setActiveStartDate(newActiveStartDate);
+      act(() => {
+        instance.current.setActiveStartDate(newActiveStartDate);
+      });
 
       expect(onActiveStartDateChange).toHaveBeenCalledWith({
         activeStartDate: newActiveStartDate,
@@ -534,7 +568,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setActiveStartDate(newActiveStartDate);
+      act(() => {
+        instance.current.setActiveStartDate(newActiveStartDate);
+      });
 
       expect(onActiveStartDateChange).toHaveBeenCalledWith({
         activeStartDate: newActiveStartDate,
@@ -558,7 +594,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setActiveStartDate(newActiveStartDate);
+      act(() => {
+        instance.current.setActiveStartDate(newActiveStartDate);
+      });
 
       expect(onActiveStartDateChange).not.toHaveBeenCalled();
     });
@@ -578,7 +616,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setActiveStartDate(newActiveStartDate);
+      act(() => {
+        instance.current.setActiveStartDate(newActiveStartDate);
+      });
 
       expect(onActiveStartDateChange).not.toHaveBeenCalled();
     });
@@ -601,7 +641,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setStateAndCallCallbacks({ view: newView });
+      act(() => {
+        instance.current.setStateAndCallCallbacks({ view: newView });
+      });
 
       expect(onViewChange).toHaveBeenCalledWith({
         activeStartDate,
@@ -610,7 +652,7 @@ describe('Calendar', () => {
       });
     });
 
-    it('calls onViewChange on view change', () => {
+    it('calls onViewChange on view change', async () => {
       const value = new Date(2019, 0, 15);
       const activeStartDate = new Date(2017, 0, 1);
       const view = 'year';
@@ -628,7 +670,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.setStateAndCallCallbacks({ view: newView });
+      act(() => {
+        instance.current.setStateAndCallCallbacks({ view: newView });
+      });
 
       expect(onViewChange).toHaveBeenCalledWith({
         activeStartDate,
@@ -645,7 +689,9 @@ describe('Calendar', () => {
 
       render(<Calendar onViewChange={onViewChange} view={view} ref={instance} />);
 
-      instance.current.setStateAndCallCallbacks({ view: newView });
+      act(() => {
+        instance.current.setStateAndCallCallbacks({ view: newView });
+      });
 
       expect(onViewChange).not.toHaveBeenCalled();
     });
@@ -658,7 +704,9 @@ describe('Calendar', () => {
 
       render(<Calendar onChange={onChange} view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1), event);
     });
@@ -669,7 +717,9 @@ describe('Calendar', () => {
 
       render(<Calendar onChange={onChange} returnValue="start" view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1), event);
     });
@@ -680,7 +730,9 @@ describe('Calendar', () => {
 
       render(<Calendar onChange={onChange} returnValue="end" view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1, 23, 59, 59, 999), event);
     });
@@ -691,7 +743,9 @@ describe('Calendar', () => {
 
       render(<Calendar onChange={onChange} returnValue="range" view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(
         [new Date(2017, 0, 1), new Date(2017, 0, 1, 23, 59, 59, 999)],
@@ -713,7 +767,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1, 12), event);
     });
@@ -732,7 +788,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.onChange(new Date(2017, 0, 2), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 2), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1, 12), event);
     });
@@ -751,7 +809,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.onChange(new Date(2017, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 2, 12), event);
     });
@@ -770,7 +830,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.onChange(new Date(2017, 0, 2), event);
+      act(() => {
+        instance.current.onChange(new Date(2017, 0, 2), event);
+      });
 
       expect(onChange).toHaveBeenCalledWith(new Date(2017, 0, 1, 12), event);
     });
@@ -781,7 +843,9 @@ describe('Calendar', () => {
 
       render(<Calendar onChange={onChange} selectRange view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2018, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2018, 0, 1), event);
+      });
 
       expect(onChange).not.toHaveBeenCalled();
     });
@@ -800,7 +864,9 @@ describe('Calendar', () => {
         />,
       );
 
-      instance.current.onChange(new Date(2018, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2018, 0, 1), event);
+      });
 
       expect(onChange).not.toHaveBeenCalled();
     });
@@ -813,20 +879,27 @@ describe('Calendar', () => {
         <Calendar allowPartialRange onChange={onChange} selectRange view="month" ref={instance} />,
       );
 
-      instance.current.onChange(new Date(2018, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2018, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith([new Date(2018, 0, 1)], event);
     });
 
-    it('calls onChange function returning a range when selected two pieces of a range', () => {
+    it('calls onChange function returning a range when selected two pieces of a range', async () => {
       const onChange = jest.fn();
       const instance = createRef();
 
       render(<Calendar onChange={onChange} selectRange view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2018, 0, 1), event);
-      instance.current.onChange(new Date(2018, 6, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2018, 0, 1), event);
+      });
+
+      act(() => {
+        instance.current.onChange(new Date(2018, 6, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith(
@@ -835,14 +908,19 @@ describe('Calendar', () => {
       );
     });
 
-    it('calls onChange function returning a range when selected reversed two pieces of a range', () => {
+    it('calls onChange function returning a range when selected reversed two pieces of a range', async () => {
       const onChange = jest.fn();
       const instance = createRef();
 
       render(<Calendar onChange={onChange} selectRange view="month" ref={instance} />);
 
-      instance.current.onChange(new Date(2018, 6, 1), event);
-      instance.current.onChange(new Date(2018, 0, 1), event);
+      act(() => {
+        instance.current.onChange(new Date(2018, 6, 1), event);
+      });
+
+      act(() => {
+        instance.current.onChange(new Date(2018, 0, 1), event);
+      });
 
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith(
diff --git a/test/index.jsx b/test/index.jsx
index 91f0f763..cb2b5060 100644
--- a/test/index.jsx
+++ b/test/index.jsx
@@ -1,10 +1,10 @@
 import React, { StrictMode } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+
 import Test from './Test';
 
-render(
+createRoot(document.getElementById('react-root')).render(
   <StrictMode>
     <Test />
   </StrictMode>,
-  document.getElementById('react-root'),
 );
diff --git a/test/package.json b/test/package.json
index 4ee2ba1a..238628d7 100644
--- a/test/package.json
+++ b/test/package.json
@@ -16,9 +16,9 @@
     "@wojtekmaj/date-utils": "^1.0.2",
     "get-user-locale": "^1.4.0",
     "prop-types": "^15.6.2",
-    "react": "^17.0.0",
+    "react": "^18.2.0",
     "react-calendar": "portal:../",
-    "react-dom": "^17.0.0"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
diff --git a/test/webpack.config.js b/test/webpack.config.js
index 6118c354..b4517849 100644
--- a/test/webpack.config.js
+++ b/test/webpack.config.js
@@ -21,6 +21,7 @@ module.exports = {
   resolve: {
     alias: {
       'react': require.resolve('react'),
+      'react-dom/client': require.resolve('react-dom/client'),
       'react-dom': require.resolve('react-dom'),
     },
     extensions: ['.js', '.jsx'],
diff --git a/test/yarn.lock b/test/yarn.lock
index 765ae2e8..4bd93a75 100644
--- a/test/yarn.lock
+++ b/test/yarn.lock
@@ -5224,9 +5224,9 @@ __metadata:
     less-loader: ^11.0.0
     mini-css-extract-plugin: ^2.0.0
     prop-types: ^15.6.2
-    react: ^17.0.0
+    react: ^18.2.0
     react-calendar: "portal:../"
-    react-dom: ^17.0.0
+    react-dom: ^18.2.0
     react-refresh: ^0.14.0
     style-loader: ^3.0.0
     webpack: ^5.20.0
@@ -5249,16 +5249,15 @@ __metadata:
   languageName: node
   linkType: soft
 
-"react-dom@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
+"react-dom@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react-dom@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
+    scheduler: ^0.23.0
   peerDependencies:
-    react: 17.0.2
-  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+    react: ^18.2.0
+  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
   languageName: node
   linkType: hard
 
@@ -5276,13 +5275,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
+"react@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
   languageName: node
   linkType: hard
 
@@ -5553,13 +5551,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
+"scheduler@npm:^0.23.0":
+  version: 0.23.0
+  resolution: "scheduler@npm:0.23.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
   languageName: node
   linkType: hard
 
diff --git a/yarn.lock b/yarn.lock
index 3358d9a8..54b47c28 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1841,7 +1841,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:^8.0.0":
+"@testing-library/dom@npm:^8.5.0":
   version: 8.19.0
   resolution: "@testing-library/dom@npm:8.19.0"
   dependencies:
@@ -1874,17 +1874,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/react@npm:^12.1.0":
-  version: 12.1.5
-  resolution: "@testing-library/react@npm:12.1.5"
+"@testing-library/react@npm:^13.4.0":
+  version: 13.4.0
+  resolution: "@testing-library/react@npm:13.4.0"
   dependencies:
     "@babel/runtime": ^7.12.5
-    "@testing-library/dom": ^8.0.0
-    "@types/react-dom": <18.0.0
+    "@testing-library/dom": ^8.5.0
+    "@types/react-dom": ^18.0.0
   peerDependencies:
-    react: <18.0.0
-    react-dom: <18.0.0
-  checksum: 4abd0490405e709a7df584a0db604e508a4612398bb1326e8fa32dd9393b15badc826dcf6d2f7525437886d507871f719f127b9860ed69ddd204d1fa834f576a
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  checksum: 51ec548c1fdb1271089a5c63e0908f0166f2c7fcd9cacd3108ebbe0ce64cb4351812d885892020dc37608418cfb15698514856502b3cab0e5cc58d6cc1bd4a3e
   languageName: node
   linkType: hard
 
@@ -2033,23 +2033,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:<18.0.0":
-  version: 17.0.17
-  resolution: "@types/react-dom@npm:17.0.17"
+"@types/react-dom@npm:^18.0.0":
+  version: 18.0.6
+  resolution: "@types/react-dom@npm:18.0.6"
   dependencies:
-    "@types/react": ^17
-  checksum: 23caf98aa03e968811560f92a2c8f451694253ebe16b670929b24eaf0e7fa62ba549abe9db0ac028a9d8a9086acd6ab9c6c773f163fa21224845edbc00ba6232
+    "@types/react": "*"
+  checksum: db571047af1a567631758700b9f7d143e566df939cfe5fbf7535347cc0c726a1cdbb5e3f8566d076e54cf708b6c1166689de194a9ba09ee35efc9e1d45911685
   languageName: node
   linkType: hard
 
-"@types/react@npm:^17":
-  version: 17.0.50
-  resolution: "@types/react@npm:17.0.50"
+"@types/react@npm:*":
+  version: 18.0.21
+  resolution: "@types/react@npm:18.0.21"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: b5629dff7c2f3e9fcba95a19b2b3bfd78d7cacc33ba5fc26413dba653d34afcac3b93ddabe563e8062382688a1eac7db68e93739bb8e712d27637a03aaafbbb8
+  checksum: 36c1a7c9d507e81e2e629c1ad3db51d7b84d8b010c2d5008da411874286c6a5ccc711ae1d4c470efc0bdc77153cc8804a40e927e929e5164c669ca41b84b846d
   languageName: node
   linkType: hard
 
@@ -5945,7 +5945,7 @@ __metadata:
     "@babel/preset-env": ^7.15.0
     "@babel/preset-react": ^7.14.0
     "@testing-library/jest-dom": ^5.15.0
-    "@testing-library/react": ^12.1.0
+    "@testing-library/react": ^13.4.0
     "@wojtekmaj/date-utils": ^1.0.2
     eslint: ^8.26.0
     eslint-config-wojtekmaj: ^0.7.1
@@ -5958,8 +5958,8 @@ __metadata:
     prettier: ^2.7.0
     pretty-quick: ^3.1.0
     prop-types: ^15.6.0
-    react: ^17.0.0
-    react-dom: ^17.0.0
+    react: ^18.2.0
+    react-dom: ^18.2.0
     rimraf: ^3.0.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5967,16 +5967,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"react-dom@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
+"react-dom@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react-dom@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
+    scheduler: ^0.23.0
   peerDependencies:
-    react: 17.0.2
-  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+    react: ^18.2.0
+  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
   languageName: node
   linkType: hard
 
@@ -6001,13 +6000,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^17.0.0":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
+"react@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
   languageName: node
   linkType: hard
 
@@ -6294,13 +6292,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
+"scheduler@npm:^0.23.0":
+  version: 0.23.0
+  resolution: "scheduler@npm:0.23.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
   languageName: node
   linkType: hard