From a31cbace82ea7e37c81d54b8fb6e164296d5ba67 Mon Sep 17 00:00:00 2001 From: Huw Wilkins Date: Sun, 14 Sep 2025 10:08:33 +1000 Subject: [PATCH] Support using package with React 19. --- package-lock.json | 4 ++-- packages/eslint-config/index.yml | 1 + packages/react-knob-headless/package.json | 4 ++-- packages/react-knob-headless/src/KnobHeadless.tsx | 9 +-------- 4 files changed, 6 insertions(+), 12 deletions(-) diff --git a/package-lock.json b/package-lock.json index 298562e..d383b45 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7666,8 +7666,8 @@ "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "react": "^16.8 || ^17.0 || ^18.0", - "react-dom": "^16.8 || ^17.0 || ^18.0" + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0" }, "peerDependenciesMeta": { "@types/react": { diff --git a/packages/eslint-config/index.yml b/packages/eslint-config/index.yml index 2e2fcda..ae29cf6 100644 --- a/packages/eslint-config/index.yml +++ b/packages/eslint-config/index.yml @@ -15,4 +15,5 @@ parserOptions: rules: '@next/next/no-html-link-for-pages': 'off' + 'react/require-default-props': 'off' 'tailwindcss/classnames-order': 'off' # Handled by "prettier-plugin-tailwindcss" diff --git a/packages/react-knob-headless/package.json b/packages/react-knob-headless/package.json index 600206b..8e1e370 100644 --- a/packages/react-knob-headless/package.json +++ b/packages/react-knob-headless/package.json @@ -52,8 +52,8 @@ "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "react": "^16.8 || ^17.0 || ^18.0", - "react-dom": "^16.8 || ^17.0 || ^18.0" + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0" }, "peerDependenciesMeta": { "@types/react": { diff --git a/packages/react-knob-headless/src/KnobHeadless.tsx b/packages/react-knob-headless/src/KnobHeadless.tsx index 412feae..1d00592 100644 --- a/packages/react-knob-headless/src/KnobHeadless.tsx +++ b/packages/react-knob-headless/src/KnobHeadless.tsx @@ -70,7 +70,7 @@ type KnobHeadlessProps = NativeDivPropsToExtend & * * Orientation of the knob and its gesture. */ - readonly orientation?: 'horizontal' | 'vertical'; // eslint-disable-line react/require-default-props + readonly orientation?: 'horizontal' | 'vertical'; /** * Gesture axis of the knob. * Default: "y". @@ -179,13 +179,6 @@ export const KnobHeadless = forwardRef( KnobHeadless.displayName = 'KnobHeadless'; -KnobHeadless.defaultProps = { - axis: axisDefault, - includeIntoTabOrder: includeIntoTabOrderDefault, - mapTo01: mapTo01Default, - mapFrom01: mapFrom01Default, -}; - const getDragAxis = ( orientation: 'horizontal' | 'vertical' | undefined, axis: 'x' | 'y' | 'xy',