diff --git a/docs/api.md b/docs/api.md index 5834bb6bed..2ca83bcf1c 100644 --- a/docs/api.md +++ b/docs/api.md @@ -361,7 +361,7 @@ interface NavLinkProps -A `` is a special kind of [``](#link) that knows whether or not it is "active". This is useful when building a navigation menu such as a breadcrumb or a set of tabs where you'd like to show which of them is currently selected. It also provides useful context for assitive technology like screen readers. +A `` is a special kind of [``](#link) that knows whether or not it is "active". This is useful when building a navigation menu such as a breadcrumb or a set of tabs where you'd like to show which of them is currently selected. It also provides useful context for assistive technology like screen readers. By default, an `active` class is added to a `` component when it is active. This provides the same simple styling mechanism for most users who are upgrading from v5. One difference as of `v6.0.0-beta.3` is that `activeClassName` and `activeStyle` have been removed from `NavLinkProps`. Instead, you can pass a function to either `style` or `className` that will allow you to customize the inline styling or the class string based on the component's active state. @@ -916,7 +916,7 @@ import { useLinkClickHandler } from "react-router-dom"; -const StyledLink = styled("a", { color: "fuschia" }); +const StyledLink = styled("a", { color: "fuchsia" }); const Link = React.forwardRef( ( diff --git a/docs/getting-started/tutorial.md b/docs/getting-started/tutorial.md index 3a229de02a..6a86a43458 100644 --- a/docs/getting-started/tutorial.md +++ b/docs/getting-started/tutorial.md @@ -15,7 +15,7 @@ If you're just getting started with React generally, we recommend you follow [th We'll keep this tutorial quick and to the point. By the end you'll know the APIs you deal with day-to-day with React Router. After that, you can dig into some of the other docs to get a deeper understanding. -While building a little bookeeping app we'll cover: +While building a little bookkeeping app we'll cover: - Configuring Routes - Navigating with Link diff --git a/docs/upgrading/reach.md b/docs/upgrading/reach.md index ca1c65a6da..31e609fd33 100644 --- a/docs/upgrading/reach.md +++ b/docs/upgrading/reach.md @@ -72,7 +72,7 @@ come back later and pick up where you left off. You should be able to simply install v1.3.3 and then deploy your app. ```sh -npm install @reach/router@lastest +npm install @reach/router@latest ``` ### Update route components to use hooks