pomodoro-clock | A pomodoro clock for Pomodoro Technique Timer | Frontend Framework library

I am trying to call useQuery() function, innate to react-admin, inside a custom component, the preceding error appears. I am totally confused I and I can't figure out what to do. The error is clear enough I just don't know how to tackle it. I tried to visit the website in the error message and followed the instructions but I still couldn't manage to make it out.

I am in the middle of building a Pomodoro Timer, the counter should start at 25 minutes decrementing until 0, then run a 5-minute decrementing timer. Following the timer and break state should be reset ready to run again, so far so good.

However, I am having an issue with resetting the time whilst it is running on a button click. I have a function resetTimer which is currently being used to reinitialise the timer and break count at the end of each cycle, but if clicked whilst either timer or break is running (counting down to 0), then resetTimer does indeed run for a second but then the timer carries on as it did before the button firing the event.

I have tried calling resetTimer and return if a condition resetClicked === true which calls the function and it runs briefly but then carries on with the original timer.

I've also tried setting an initialising function which checks if resetClicked === true before calling the start() function and then calling this again in resetTimer but didn't work either.

Code