Hi everyone. Maybe someone is experienced in NextJS and can help me with the problem of tracking a state flow object with a complex set of components involving with global states setters like zustand, and react query to supabase fetches, while some complex regex and objects are created after a blob is created on a filedrop.

My concern is within the tracking and following of the state itself because it lacks trackability at the level that console log is all i know to follow them. If there is any tool that can solve the tracking of the state to see why it is failing from the beginning part of the object and the final part, it would be so great to know about that tool. Thanks in advance.