diff --git a/packages/core-components/src/components/Button/Button.tsx b/packages/core-components/src/components/Button/Button.tsx index d7d3c192a4..575f42b03c 100644 --- a/packages/core-components/src/components/Button/Button.tsx +++ b/packages/core-components/src/components/Button/Button.tsx @@ -44,7 +44,7 @@ const LinkWrapper = React.forwardRef((props, ref) => ( * @public * @remarks * - * Makes the Button to utilise react-router + * Makes the Button to utilize react-router */ export const Button = React.forwardRef((props, ref) => ( diff --git a/packages/core-components/src/components/Link/Link.stories.tsx b/packages/core-components/src/components/Link/Link.stories.tsx index d9944c1c51..6049ec68b1 100644 --- a/packages/core-components/src/components/Link/Link.stories.tsx +++ b/packages/core-components/src/components/Link/Link.stories.tsx @@ -15,7 +15,12 @@ */ import React, { ComponentType } from 'react'; import { Link } from './Link'; -import { Route, useLocation, NavLink as RouterNavLink } from 'react-router-dom'; +import { + Route, + useLocation, + NavLink as RouterNavLink, + Routes, +} from 'react-router-dom'; import { createRouteRef, useRouteRef } from '@backstage/core-plugin-api'; import { wrapInTestApp } from '@backstage/test-utils'; @@ -50,11 +55,11 @@ export const Default = () => { return ( <> - This link will utilise the react-router + This link will utilize the react-router MemoryRouter's navigation - -

Hi there!

-
+ + Hi there!} /> + ); }; @@ -75,9 +80,9 @@ export const PassProps = () => {  has props for both material-ui's component as well as for react-router-dom's - -

Hi there!

-
+ + Hi there!} /> + ); };