Remove prop-types (#1953)

hshoff · web-flow · commit a52ece7c2461 · 2025-11-04T09:56:21.000-05:00
* chore: remove prop-types from package dependencies

* chore: remove babel-plugin-typescript-to-proptypes from dependencies

* chore: update Tooltip component in README to use TypeScript types and remove PropTypes
diff --git a/babel.config.js b/babel.config.js
@@ -16,7 +16,7 @@ const presets = [
   '@babel/preset-typescript',
 ];
 
-const plugins = ['babel-plugin-typescript-to-proptypes'];
+const plugins = [];
 
 const ignore = [
   'coverage/',
diff --git a/package.json b/package.json
@@ -85,7 +85,6 @@
     "@vitest/eslint-plugin": "^1.4.0",
     "@vitest/ui": "4",
     "airbnb-js-shims": "^2.2.1",
-    "babel-plugin-typescript-to-proptypes": "^2.0.0",
     "chalk": "4.1.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
diff --git a/packages/visx-annotation/package.json b/packages/visx-annotation/package.json
@@ -36,7 +36,6 @@
     "@visx/group": "3.13.0-alpha.0",
     "@visx/text": "3.13.2-alpha.0",
     "classnames": "^2.3.1",
-    "prop-types": "^15.5.10",
     "react-use-measure": "^2.0.4"
   },
   "devDependencies": {
diff --git a/packages/visx-axis/package.json b/packages/visx-axis/package.json
@@ -34,8 +34,7 @@
     "@visx/scale": "3.12.0",
     "@visx/shape": "3.13.0-alpha.0",
     "@visx/text": "3.13.2-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.0"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-bounds/Readme.md b/packages/visx-bounds/Readme.md
@@ -21,23 +21,17 @@ _parent's_ bounding rect.
 
 Example usage with a `<Tooltip />` component
 
-```javascript
+```tsx
 import React from 'react';
-import PropTypes from 'prop-types';
-import { withBoundingRects, withBoundingRectsProps } from '@visx/bounds';
-
-const propTypes = {
-  ...withBoundingRectsProps,
-  left: PropTypes.number.isRequired,
-  top: PropTypes.number.isRequired,
-  children: PropTypes.node,
-};
+import { withBoundingRects, WithBoundingRectsProps } from '@visx/bounds';
 
-const defaultProps = {
-  children: null,
+type TooltipProps = WithBoundingRectsProps & {
+  left: number;
+  top: number;
+  children?: React.ReactNode;
 };
 
-function Tooltip({ left: initialLeft, top: initialTop, rect, parentRect, children }) {
+function Tooltip({ left: initialLeft, top: initialTop, rect, parentRect, children }: TooltipProps) {
   let left = initialLeft;
   let top = initialTop;
 
@@ -49,8 +43,5 @@ function Tooltip({ left: initialLeft, top: initialTop, rect, parentRect, childre
   return <div style={{ top, left, ...myTheme }}>{children}</div>;
 }
 
-Tooltip.propTypes = propTypes;
-Tooltip.defaultProps = defaultProps;
-
 export default withBoundingRects(Tooltip);
 ```
diff --git a/packages/visx-bounds/package.json b/packages/visx-bounds/package.json
@@ -31,8 +31,7 @@
   },
   "dependencies": {
     "@types/react": "*",
-    "@types/react-dom": "*",
-    "prop-types": "^15.5.10"
+    "@types/react-dom": "*"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0",
diff --git a/packages/visx-brush/package.json b/packages/visx-brush/package.json
@@ -38,7 +38,6 @@
     "@visx/group": "3.13.0-alpha.0",
     "@visx/scale": "3.12.0",
     "@visx/shape": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.1"
+    "classnames": "^2.3.1"
   }
 }
diff --git a/packages/visx-chord/package.json b/packages/visx-chord/package.json
@@ -35,8 +35,7 @@
     "@types/d3-chord": "^1.0.9",
     "@types/react": "*",
     "classnames": "^2.3.1",
-    "d3-chord": "^1.0.4",
-    "prop-types": "^15.6.1"
+    "d3-chord": "^1.0.4"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/visx-clip-path/package.json b/packages/visx-clip-path/package.json
@@ -29,8 +29,7 @@
   },
   "homepage": "https://github.com/airbnb/visx#readme",
   "dependencies": {
-    "@types/react": "*",
-    "prop-types": "^15.5.10"
+    "@types/react": "*"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-delaunay/package.json b/packages/visx-delaunay/package.json
@@ -33,8 +33,7 @@
   "dependencies": {
     "@types/react": "*",
     "@visx/vendor": "3.12.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.1"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-drag/package.json b/packages/visx-drag/package.json
@@ -36,7 +36,6 @@
   "dependencies": {
     "@types/react": "*",
     "@visx/event": "3.12.0",
-    "@visx/point": "3.12.0",
-    "prop-types": "^15.5.10"
+    "@visx/point": "3.12.0"
   }
 }
diff --git a/packages/visx-geo/package.json b/packages/visx-geo/package.json
@@ -33,8 +33,7 @@
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
     "@visx/vendor": "3.12.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.5.10"
+    "classnames": "^2.3.1"
   },
   "devDependencies": {
     "@types/topojson-client": "^3.1.5",
diff --git a/packages/visx-glyph/package.json b/packages/visx-glyph/package.json
@@ -38,7 +38,6 @@
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
     "classnames": "^2.3.1",
-    "d3-shape": "^1.2.0",
-    "prop-types": "^15.6.2"
+    "d3-shape": "^1.2.0"
   }
 }
diff --git a/packages/visx-gradient/package.json b/packages/visx-gradient/package.json
@@ -28,8 +28,7 @@
   },
   "homepage": "https://github.com/airbnb/visx#readme",
   "dependencies": {
-    "@types/react": "*",
-    "prop-types": "^15.5.7"
+    "@types/react": "*"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-grid/package.json b/packages/visx-grid/package.json
@@ -37,8 +37,7 @@
     "@visx/point": "3.12.0",
     "@visx/scale": "3.12.0",
     "@visx/shape": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.2"
+    "classnames": "^2.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/visx-group/package.json b/packages/visx-group/package.json
@@ -33,8 +33,7 @@
   },
   "dependencies": {
     "@types/react": "*",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.2"
+    "classnames": "^2.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/visx-heatmap/package.json b/packages/visx-heatmap/package.json
@@ -36,7 +36,6 @@
   "dependencies": {
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.1"
+    "classnames": "^2.3.1"
   }
 }
diff --git a/packages/visx-hierarchy/package.json b/packages/visx-hierarchy/package.json
@@ -35,8 +35,7 @@
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
     "classnames": "^2.3.1",
-    "d3-hierarchy": "^1.1.4",
-    "prop-types": "^15.6.1"
+    "d3-hierarchy": "^1.1.4"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-legend/package.json b/packages/visx-legend/package.json
@@ -37,7 +37,6 @@
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
     "@visx/scale": "3.12.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.5.10"
+    "classnames": "^2.3.1"
   }
 }
diff --git a/packages/visx-marker/package.json b/packages/visx-marker/package.json
@@ -31,8 +31,7 @@
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
     "@visx/shape": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.2"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-network/package.json b/packages/visx-network/package.json
@@ -22,8 +22,7 @@
   "dependencies": {
     "@types/react": "*",
     "@visx/group": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.2"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-pattern/package.json b/packages/visx-pattern/package.json
@@ -29,8 +29,7 @@
   "homepage": "https://github.com/airbnb/visx#readme",
   "dependencies": {
     "@types/react": "*",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.5.10"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-react-spring/package.json b/packages/visx-react-spring/package.json
@@ -47,7 +47,6 @@
     "@visx/grid": "3.13.0-alpha.0",
     "@visx/scale": "3.12.0",
     "@visx/text": "3.13.2-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.6.2"
+    "classnames": "^2.3.1"
   }
 }
diff --git a/packages/visx-responsive/package.json b/packages/visx-responsive/package.json
@@ -30,8 +30,7 @@
   "dependencies": {
     "@types/lodash": "^4.17.13",
     "@types/react": "*",
-    "lodash": "^4.17.21",
-    "prop-types": "^15.6.1"
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-shape/package.json b/packages/visx-shape/package.json
@@ -31,8 +31,7 @@
     "classnames": "^2.3.1",
     "d3-path": "^1.0.5",
     "d3-shape": "^1.2.0",
-    "lodash": "^4.17.21",
-    "prop-types": "^15.5.10"
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-stats/package.json b/packages/visx-stats/package.json
@@ -33,8 +33,7 @@
     "@visx/group": "3.13.0-alpha.0",
     "@visx/scale": "3.12.0",
     "classnames": "^2.3.1",
-    "d3-shape": "^1.2.0",
-    "prop-types": "^15.5.10"
+    "d3-shape": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-text/package.json b/packages/visx-text/package.json
@@ -32,7 +32,6 @@
     "@types/react": "*",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
-    "prop-types": "^15.7.2",
     "reduce-css-calc": "^1.3.0"
   },
   "peerDependencies": {
diff --git a/packages/visx-threshold/package.json b/packages/visx-threshold/package.json
@@ -27,8 +27,7 @@
     "@types/react": "*",
     "@visx/clip-path": "3.13.0-alpha.0",
     "@visx/shape": "3.13.0-alpha.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.5.10"
+    "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-tooltip/package.json b/packages/visx-tooltip/package.json
@@ -31,7 +31,6 @@
     "@types/react": "*",
     "@visx/bounds": "3.13.1-alpha.0",
     "classnames": "^2.3.1",
-    "prop-types": "^15.5.10",
     "react-use-measure": "^2.0.4"
   },
   "peerDependencies": {
diff --git a/packages/visx-voronoi/package.json b/packages/visx-voronoi/package.json
@@ -34,8 +34,7 @@
     "@types/d3-voronoi": "^1.1.9",
     "@types/react": "*",
     "classnames": "^2.3.1",
-    "d3-voronoi": "^1.1.2",
-    "prop-types": "^15.6.1"
+    "d3-voronoi": "^1.1.2"
   },
   "peerDependencies": {
     "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
diff --git a/packages/visx-xychart/package.json b/packages/visx-xychart/package.json
@@ -59,8 +59,7 @@
     "d3-interpolate-path": "2.2.1",
     "d3-shape": "^2.0.0",
     "lodash": "^4.17.21",
-    "mitt": "^2.1.0",
-    "prop-types": "^15.6.2"
+    "mitt": "^2.1.0"
   },
   "devDependencies": {
     "@juggle/resize-observer": "^3.3.1"
diff --git a/packages/visx-zoom/package.json b/packages/visx-zoom/package.json
@@ -36,7 +36,6 @@
   "dependencies": {
     "@types/react": "*",
     "@use-gesture/react": "^10.3.1",
-    "@visx/event": "3.12.0",
-    "prop-types": "^15.6.2"
+    "@visx/event": "3.12.0"
   }
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,6 @@`
`38`	`38`	`"@visx/group": "3.13.0-alpha.0",`
`39`	`39`	`"@visx/scale": "3.12.0",`
`40`	`40`	`"@visx/shape": "3.13.0-alpha.0",`
`41`		`- "classnames": "^2.3.1",`
`42`		`- "prop-types": "^15.6.1"`
	`41`	`+ "classnames": "^2.3.1"`
`43`	`42`	`}`
`44`	`43`	`}`