Use Type Narrowing without early function returns with React Query

InstructorTomasz Ducin

Share this video with your friends

Send Tweet

When handling your loading and error states, you don't always want to render a result in place of the entire component.

In our server-side search component, since we are making a new query when we update our input, the entire component re-renders, including the search input itself.

To fix this we'd move those conditional renders into a ternary inside the component render.

~ 4 months ago

What are those "multiple ways to do that" for conditional rendering loading components in jsx? Just curious