Merge pull request #8334 from marmelab/docs-typos

[Doc] Fix Theming typos
marmelab · Nov 2, 2022 · 56d98ba · 56d98ba
2 parents 4f89c66 + b533962
commit 56d98ba
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/docs/Authenticated.md b/docs/Authenticated.md
@@ -9,7 +9,7 @@ The `<Authenticated>` component calls [the `useAuthState()` hook](./useAuthState
 
 ```jsx
 import { Admin, CustomRoutes, Authenticated } from 'react-admin';
-import { Route } from 'react-router';
+import { Route } from 'react-router-dom';
 
 const App = () => (
     <Admin authProvider={authProvider}>

diff --git a/docs/Layout.md b/docs/Layout.md
@@ -165,7 +165,7 @@ import Button from '@mui/material/Button';
 import ErrorIcon from '@mui/icons-material/Report';
 import History from '@mui/icons-material/History';
 import { Title, useTranslate } from 'react-admin';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 
 export const MyError = ({
     error,

diff --git a/docs/List.md b/docs/List.md
@@ -755,7 +755,7 @@ import {
     Datagrid,
     TextField,
 } from 'react-admin';
-import { Route } from 'react-router';
+import { Route } from 'react-router-dom';
 
 const NewerBooks = () => (
     <List

diff --git a/docs/Theming.md b/docs/Theming.md
@@ -120,7 +120,7 @@ The react-admin documentation for individual components also lists the classes a
 
 ## Reusable Components
 
-To reuse the same style overrides in different locations across your application, create a reusable component using [the MUI `styled()` utility](https://mui.com/system/styled/). It's a function that creates a new component based on a source component and custom styles. The basinc syntax is `styled(Component)(styles) => Component` (where `styles` forllows the same syntax as the `sx` prop).
+To reuse the same style overrides in different locations across your application, create a reusable component using [the MUI `styled()` utility](https://mui.com/system/styled/). It's a function that creates a new component based on a source component and custom styles. The basic syntax is `styled(Component)(styles) => Component` (where `styles` follows the same syntax as the `sx` prop).
 
 For instance, to create a custom `<Datagrid>` component with the header style defined in the previous section:
 
@@ -1017,7 +1017,7 @@ import Button from '@mui/material/Button';
 import ErrorIcon from '@mui/icons-material/Report';
 import History from '@mui/icons-material/History';
 import { Title, useTranslate } from 'react-admin';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 
 const MyError = ({
     error,

diff --git a/docs/WithPermissions.md b/docs/WithPermissions.md
@@ -10,7 +10,7 @@ The `<WithPermissions>` component calls `useAuthenticated()` and `useGetPermissi
 {% raw %}
 ```jsx
 import { Admin, CustomRoutes, WithPermissions } from "react-admin";
-import { Route } from "react-router";
+import { Route } from "react-router-dom";
 
 const App = () => (
     <Admin authProvider={authProvider}>