Merge pull request #10416 from marmelab/doc-ShowBase-emptyWhileLoading

[Doc] Remove `<ShowBase emptyWhileLoading>` from the docs

Author: djhi

docs/ShowBase.md

@@ -81,7 +81,7 @@ import { Grid } from '@mui/material';
 import StarIcon from '@mui/icons-material/Star';
 
 const BookShow = () => (
-    <ShowBase emptyWhileLoading>
+    <ShowBase>
         <Grid container spacing={2} sx={{ margin: 2 }}>
             <Grid item xs={12} sm={6}>
                 <TextField label="Title" source="title" />
@@ -117,20 +117,6 @@ const PostShow = () => (
 );
 ```
 
-## `emptyWhileLoading`
-
-By default, `<ShowBase>` renders its child component even before the `dataProvider.getOne()` call returns. If you use `<SimpleShowLayout>` or `<TabbedShowLayout>`, this isn't a problem as these components only render when the record has been fetched. But if you use a custom child component that expects the record context to be defined, your component will throw an error.
-
-The `<ShowBase emptyWhileLoading>` prop provides a convenient shortcut for that use case. When enabled, `<ShowBase>` won't render its child until the record is loaded.
-
-```jsx
-const BookShow = () => (
-    <ShowBase emptyWhileLoading>
-        ...
-    </ShowBase>
-);
-```
-
 ## `id`
 
 By default, `<ShowBase>` deduces the identifier of the record to show from the URL path. So under the `/posts/123/show` path, the `id` prop will be `123`. You may want to force a different identifier. In this case, pass a custom `id` prop.