[Doc] Fix Theming typos

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}>

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,

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

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,

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}>