-
Notifications
You must be signed in to change notification settings - Fork 49.3k
Description
Do you want to request a feature or report a bug?
bug
What is the current behavior?
Given code like this:
<Suspense fallback={...}>
{this.state.render && <LazyComponent />}
</Suspense>
my LazyComponent
should download and render when I run this.setState({ render: true })
. Instead, I get an internal React error about setting property null
of return
.
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new) example below:
https://jsfiddle.net/cq9hfwe8/1/. Open the console to see the error message.
What is the expected behavior?
The combination of Suspense
and lazy
defer downloading and rendering my component until I set a state variable to true
.
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
Tried on Windows in Chrome 71, React 16.6.1.