@justfixnyc/component-library 0.31.0 → 0.32.0

package/dist/src/index.es.js

@@ -314,6 +314,15 @@ const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
     ...props
   } = _ref;
   const linkClassNames = classNames('jfcl-link', className);
+
+  // When using this component within a react-router-dom <Link />, a navigate function is passed through the props us here.
+  // Since this navigate function is not a normal anchor element attribute we want to remove it before applying the rest of
+  // the props to avoid browser errors.
+  // Github issue talking about what's happening:
+  // https://github.com/remix-run/react-router/issues/6962
+  // Reference to react-router-dom Link component code to see what it's doing:
+  // https://github.com/remix-run/react-router/blob/0c058adc5b56c6d9b409af5e4d8330c645fac00c/packages/react-router-dom/modules/Link.js
+  delete props.navigate;
   return /*#__PURE__*/React.createElement("a", _extends({}, props, {
     ref: ref,
     className: linkClassNames

package/dist/src/index.js

@@ -324,6 +324,15 @@ const Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ...props
   } = _ref;
   const linkClassNames = classNames__default["default"]('jfcl-link', className);
+
+  // When using this component within a react-router-dom <Link />, a navigate function is passed through the props us here.
+  // Since this navigate function is not a normal anchor element attribute we want to remove it before applying the rest of
+  // the props to avoid browser errors.
+  // Github issue talking about what's happening:
+  // https://github.com/remix-run/react-router/issues/6962
+  // Reference to react-router-dom Link component code to see what it's doing:
+  // https://github.com/remix-run/react-router/blob/0c058adc5b56c6d9b409af5e4d8330c645fac00c/packages/react-router-dom/modules/Link.js
+  delete props.navigate;
   return /*#__PURE__*/React__default["default"].createElement("a", _extends__default["default"]({}, props, {
     ref: ref,
     className: linkClassNames

package/dist/typings/link/Link.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import './styles.scss';
 export type LinkIcon = 'internal' | 'external';
-export interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     icon?: LinkIcon;
     className?: string;
     children: React.ReactNode;
+    navigate?: () => void;
 }
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [