From 7cc21c1498d66de09c4500939ca64186e1e53205 Mon Sep 17 00:00:00 2001 From: asvarcas Date: Fri, 28 Oct 2022 15:34:51 -0300 Subject: [PATCH 1/3] Fix typos --- docs/Theming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/Theming.md b/docs/Theming.md index 78992023e44..507704c7c8c 100644 --- 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 `` component with the header style defined in the previous section: From 4f47dd16e82eb5951ed859f68c8e55f80dcadb55 Mon Sep 17 00:00:00 2001 From: asvarcas Date: Fri, 28 Oct 2022 15:42:46 -0300 Subject: [PATCH 2/3] react-router-dom instead of react-router --- docs/WithPermissions.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/WithPermissions.md b/docs/WithPermissions.md index 97960cdafcd..50c28f273bd 100644 --- a/docs/WithPermissions.md +++ b/docs/WithPermissions.md @@ -10,7 +10,7 @@ The `` 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 = () => ( From b5339628f335afb61cf7b333df9be77f1b3cba3b Mon Sep 17 00:00:00 2001 From: asvarcas Date: Fri, 28 Oct 2022 15:46:32 -0300 Subject: [PATCH 3/3] react-router-dom instead of react-router --- docs/Authenticated.md | 2 +- docs/Layout.md | 2 +- docs/List.md | 2 +- docs/Theming.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/Authenticated.md b/docs/Authenticated.md index f31e01ba4e4..0c5082de4e6 100644 --- a/docs/Authenticated.md +++ b/docs/Authenticated.md @@ -9,7 +9,7 @@ The `` 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 = () => ( diff --git a/docs/Layout.md b/docs/Layout.md index 874416e9f9f..a8be04d45d9 100644 --- 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 index cde303f6aaf..891917d7fea 100644 --- 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 = () => (