diff --git a/docs/Features.md b/docs/Features.md index 73a6200d026..2ef4c40de36 100644 --- a/docs/Features.md +++ b/docs/Features.md @@ -68,8 +68,9 @@ import { useState, useEffect } from 'react'; import { useDataProvider } from 'react-admin'; const PostList = () => { - const [posts, setPosts] = useState(); - const [error, setError] = useState([]); + const [posts, setPosts] = useState([]); + const [error, setError] = useState(); + const [isLoading, setIsLoading] = useState(true); const dataProvider = useDataProvider(); useEffect(() => { dataProvider.getList('posts', { @@ -78,9 +79,10 @@ const PostList = () => { filter: { status: 'published' } }) .then(({ data }) => setPosts(data)) - .catch(error => setError(error)); + .catch(error => setError(error)) + .finally(() => setIsLoading(false)); }, []); - if (posts) { return ; } + if (isLoading) { return

Loading

; } if (error) { return

ERROR

; } return (