chore(deps): update react monorepo to v19 (major)

package.json

@@ -58,8 +58,8 @@
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "29.5.14",
     "@types/prop-types": "15.7.15",
-    "@types/react": "18.3.27",
-    "@types/react-dom": "18.3.7",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "@types/styled-components": "5.1.36",
     "@zendeskgarden/eslint-config": "47.0.0",
     "@zendeskgarden/react-theming": "9.12.2",
@@ -86,8 +86,8 @@
     "postcss": "8.5.6",
     "prettier": "3.7.4",
     "prettier-package-json": "2.8.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
     "rollup": "4.53.3",
     "rollup-plugin-analyzer": "4.0.0",
     "rollup-plugin-cleanup": "3.2.1",

packages/accordion/src/AccordionContainer.tsx

@@ -17,11 +17,6 @@ export const AccordionContainer: React.FunctionComponent<IAccordionContainerProp
   return <>{render!(useAccordion(options)) as React.ReactElement}</>;
 };
 
-AccordionContainer.defaultProps = {
-  expandable: true,
-  collapsible: true
-};
-
 AccordionContainer.propTypes = {
   children: PropTypes.func,
   render: PropTypes.func,

packages/combobox/src/ComboboxContainer.spec.tsx

@@ -5,8 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React, { createRef, PropsWithChildren } from 'react';
-import { act } from 'react-dom/test-utils';
+import React, { act, createRef, PropsWithChildren } from 'react';
 import { fireEvent, render, RenderResult } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ComboboxContainer, useCombobox } from './';

packages/focusvisible/src/FocusVisibleContainer.tsx

@@ -29,11 +29,6 @@ export const FocusVisibleContainer: React.FunctionComponent<IFocusVisibleContain
   return <>{render!({ ref: scopeRef }) as React.ReactElement}</>;
 };
 
-FocusVisibleContainer.defaultProps = {
-  className: 'garden-focus-visible',
-  dataAttribute: 'data-garden-focus-visible'
-};
-
 FocusVisibleContainer.propTypes = {
   children: PropTypes.func,
   render: PropTypes.func,

packages/focusvisible/src/useFocusVisible.ts

@@ -53,7 +53,7 @@ export function useFocusVisible(
 
   const hadKeyboardEvent = useRef(false);
   const hadFocusVisibleRecently = useRef(false);
-  const hadFocusVisibleRecentlyTimeout = useRef<number | undefined>();
+  const hadFocusVisibleRecentlyTimeout = useRef<number>(undefined);
 
   useEffect(() => {
     let environment = relativeDocument;

packages/menu/src/MenuContainer.tsx

@@ -32,7 +32,3 @@ MenuContainer.propTypes = {
   defaultFocusedValue: PropTypes.oneOfType([PropTypes.string]),
   restoreFocus: PropTypes.bool
 };
-
-MenuContainer.defaultProps = {
-  restoreFocus: true
-};

packages/modal/src/ModalContainer.tsx

@@ -26,8 +26,3 @@ ModalContainer.propTypes = {
   restoreFocus: PropTypes.bool,
   environment: PropTypes.any
 };
-
-ModalContainer.defaultProps = {
-  focusOnMount: true,
-  restoreFocus: true
-};

packages/modal/src/useModal.ts

@@ -14,8 +14,8 @@ export const useModal = <T extends Element = Element>({
   onClose,
   modalRef,
   idPrefix,
-  focusOnMount,
-  restoreFocus,
+  focusOnMount = true,
+  restoreFocus = true,
   environment
 }: IUseModalProps<T>): IUseModalReturnValue => {
   const prefix = useId(idPrefix);

packages/schedule/src/ScheduleContainer.tsx

@@ -25,12 +25,6 @@ export const ScheduleContainer: React.FunctionComponent<IScheduleContainerProps>
   return <>{render!(useSchedule(props)) as React.ReactElement}</>;
 };
 
-ScheduleContainer.defaultProps = {
-  duration: 1250,
-  delayMS: 750,
-  loop: true
-};
-
 ScheduleContainer.propTypes = {
   children: PropTypes.func,
   render: PropTypes.func,

packages/selection/src/SelectionContainer.tsx

@@ -16,10 +16,6 @@ export const SelectionContainer: React.FC<ISelectionContainerProps<any>> = ({
   ...options
 }) => <>{render!(useSelection(options))}</>;
 
-SelectionContainer.defaultProps = {
-  direction: 'horizontal'
-};
-
 SelectionContainer.propTypes = {
   children: PropTypes.func,
   render: PropTypes.func,

packages/slider/src/SliderContainer.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { SLIDER_MAX, SLIDER_MIN, SLIDER_STEP, useSlider } from './useSlider';
+import { useSlider } from './useSlider';
 import { ISliderContainerProps } from './types';
 
 export const SliderContainer: React.FC<ISliderContainerProps> = ({
@@ -35,11 +35,3 @@ SliderContainer.propTypes = {
   disabled: PropTypes.bool,
   rtl: PropTypes.bool
 };
-
-/* Slider defaults informed by <input type="range">.
-   See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum */
-SliderContainer.defaultProps = {
-  min: SLIDER_MIN,
-  max: SLIDER_MAX,
-  step: SLIDER_STEP
-};

packages/slider/src/useSlider.ts

@@ -18,6 +18,8 @@ export function useSlider<T extends Element = Element, M extends HTMLElement = H
   trackRef,
   minThumbRef,
   maxThumbRef,
+  /* Slider defaults informed by <input type="range">.
+     See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum */
   min = SLIDER_MIN,
   max = SLIDER_MAX,
   defaultMinValue,

packages/splitter/src/SplitterContainer.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useSplitter, KEYBOARD_STEP } from './useSplitter';
+import { useSplitter } from './useSplitter';
 import { ISplitterContainerProps } from './types';
 
 export const SplitterContainer: React.FC<ISplitterContainerProps> = ({
@@ -33,8 +33,3 @@ SplitterContainer.propTypes = {
   isLeading: PropTypes.bool,
   rtl: PropTypes.bool
 };
-
-SplitterContainer.defaultProps = {
-  keyboardStep: KEYBOARD_STEP,
-  orientation: 'vertical'
-};