SWR does not return data again once it failed

[jigapate]

Hello,

I have below code for fetching data from the server,

  const { data: tableDataExpenses, error, mutate } = useSWR('/api/expenses/datatable', () =>
    axios
        .get('/api/expenses/datatable')
        .then(res => res.data),        
  )

This works perfectly fine until there are no errors.

Then I added one more SWR in the same component,

const { data: showExpense, error, mutate } = useSWR(
      // Pass null when there is no id
      expenseId ? ('/api/expenses/show/' + expenseId) : null,
      (key) => axios.get(key).then(res => res.data)
  )

Now second SWR throw error and then after first SWR does not run again. It run axios call, but tableDataExpenses never returned any data,

What is going wrong with this?

How to re-run first SWR call again?

[jigapate]

I got a solution that, there is was a memory leak issue and using cleanup function in useEffect solved the issue.