From 80233f91143feb3cfba8d0c138232c440b1008e2 Mon Sep 17 00:00:00 2001
From: asvarcas <asvarcas@etriek.com.uy>
Date: Wed, 21 Oct 2020 11:24:13 -0300
Subject: [PATCH] Fix typos

---
 docs/Authorization.md | 2 +-
 docs/Fields.md        | 7 ++++---
 docs/List.md          | 3 +--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/Authorization.md b/docs/Authorization.md
index 9dc5f11c009..313e7961bd1 100644
--- a/docs/Authorization.md
+++ b/docs/Authorization.md
@@ -129,7 +129,7 @@ export const UserEdit = ({ permissions, ...props }) =>
 ```
 {% endraw %}
 
-What about the `List` view, the `DataGrid`, `SimpleList` and `Filter` components? It works there, too. And in the next example, the `permissions` prop is passed down to a custom `filters` component.
+What about the `List` view, the `Datagrid`, `SimpleList` and `Filter` components? It works there, too. And in the next example, the `permissions` prop is passed down to a custom `filters` component.
 
 ```jsx
 const UserFilter = ({ permissions, ...props }) =>
diff --git a/docs/Fields.md b/docs/Fields.md
index 07831ae08bf..532f8b65ed2 100644
--- a/docs/Fields.md
+++ b/docs/Fields.md
@@ -916,14 +916,15 @@ import {
     DateField,
     SingleFieldList,
     ChipField,
+    EditButton,
 } from 'react-admin';
 import { ReferenceManyToManyField } from '@react-admin/ra-many-to-many';
 
-export const BookShow = (props) => (
+export const BookShow = props => (
     <Show {...props}>
         <SimpleShowLayout>
             <TextField source="title" />
-            <DateField source="publication_date">
+            <DateField source="publication_date" />
             <ReferenceManyToManyField 
                 reference="authors"
                 through="book_authors"
@@ -1125,7 +1126,7 @@ export const ProductList = (props) => (
 
 React-admin usually delegates the rendering of field components to material-ui components. Refer to the material-ui documentation to see the default styles for elements.
 
-You may want to customize the cell style inside a `DataGrid`. You can use the `cellClassName` for that:
+You may want to customize the cell style inside a `Datagrid`. You can use the `cellClassName` for that:
 
 {% raw %}
 ```jsx
diff --git a/docs/List.md b/docs/List.md
index 1611a78fbbe..33c34d84c3f 100644
--- a/docs/List.md
+++ b/docs/List.md
@@ -1826,7 +1826,7 @@ The `<Datagrid>` is an **iterator** component: it gets an array of ids and a dat
 
 By default, `<Datagrid>` renders its body using `<DatagridBody>`, an internal react-admin component. You can pass a custom component as the `body` prop to override that default. And by the way, `<DatagridBody>` has a `row` prop set to `<DatagridRow>` by default for the same purpose. `<DatagridRow>` receives the row `record`, the `resource`, and a copy of the `<Datagrid>` children. That means you can create custom datagrid logic without copying several components from the react-admin source.
 
-For instance, the `<Datagrid isRowselectable>` prop allows to hide the selection checkbox for some records. To show a *disabled* checkbox instead of hiding it, you can override `<DatagridRow>` and `<DatagridBody>` as follows:
+For instance, the `<Datagrid isRowSelectable>` prop allows to hide the selection checkbox for some records. To show a *disabled* checkbox instead of hiding it, you can override `<DatagridRow>` and `<DatagridBody>` as follows:
 
 ```jsx
 // in src/PostList.js
@@ -2200,7 +2200,6 @@ const CustomList = () => {
             />
         </ListContextProvider>
     );
-    )
 }
 ```
 {% endraw %}