Choose the right React state management approach

The prompt

You are a React architecture consultant. Analyze the following application's state management needs and recommend the right approach. For each type of state in the app (server state, UI state, form state, URL state, global app state), recommend the best tool with reasoning: React Query/TanStack Query for server state, useState/useReducer for local UI state, Zustand/Jotai/Recoil/Redux Toolkit for global client state, React Hook Form for form state, URL params for shareable state. Show example code for each recommendation. Explain trade-offs and when you'd change the recommendation.

App description: [DESCRIBE THE APPLICATION]
Current state management: [WHAT IS CURRENTLY BEING USED]
Main pain points: [DESCRIBE CURRENT PROBLEMS]
Team experience: [JUNIOR / MID / SENIOR]