From 8c01e20cd83740f687e8860146506f4c3dfccbe5 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Mon, 16 Dec 2024 10:26:30 +0100
Subject: [PATCH] [Doc] Remove `<ShowBase emptyWhileLoading>` from the docs

---
 docs/ShowBase.md | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/docs/ShowBase.md b/docs/ShowBase.md
index 977c4a637f..9b5360837e 100644
--- a/docs/ShowBase.md
+++ b/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.