What have I done till now?
I was finally able to migrate all the states and functions to the reducer and render the initial UI of the app.
There are still some minor bugs here and there that need to be fixed. All the side effects and all conditional UI renders are also working properly. I have set up all dispatches in the reducer functions properly.
What is coming up next?
I will need a bit more time in making all the elements and functional calls work properly. I will also add SSR for the Next.js app and soon begin with TS migration.
Did I get stuck anywhere?
The initial code base was not so well managed regarding state handling and conditional renders. A lot of unnecessary side effects are running causing the state to get mutated in an unpredictable fashion. It was solvable but it took a lot of time in debugging such cases.