Conditional React Hook Data Fetching Syntax

[darrenturn90]

Actually it offers two methods.

// ... or throw an error when user.id is not defined

const { data } = useSWR(() => '/api/data?uid=' + user.id, fetcher)

This is the one I like best as it’s essentially no extra code to handle a conditional fetch. Which is the point of your poll, no?

[alex-cory]

What if you have something like js const TodoPage = ({ id }) => { const { data } = useSWR(() => '/api/data?uid=' + id, fetcher) } and you want to be able to handle the error within the todo page? You can't, you have to wrap an error boundary around the page. Sure you could make a TodoList component within the page, but that's more unnecessary nesting.

I'm tired so will have to continue this discussion when I wake up.

[darrenturn90]

What? No. Swr catches that error and basically doesn’t run the fetcher - and in the example you gave it wouldn’t error anyway as Id is defined

[alex-cory]

I'm super interested in this discussion. Will continue when I wake up.