Hello everyone,I have recently started using Next.js with Redux for a web project, and I would appreciate some feedback on my implementation approach. Here's a brief overview of my setup:

1. Pages Structure: I am using the pages directory in Next.js just for rendering pages and handling routing using the App Router feature.
2. Data Fetching and State Management: For fetching data from APIs and managing the application state, I am using the components directory. In this directory, I have DemoComponent.tsx, where I fetch data and manage state using Redux. I have created a sample implementation, and the code can be found here[https://github.com/Juttu/next-redux-test-template](https://github.com/Juttu/next-redux-test-template).

Questions for Feedback:

1. Is my approach of fetching data and managing state from the components directory in a Next.js project correct?
2. If not, what changes would you suggest to improve the architecture?
3. Can you recommend any repositories or resources that demonstrate best practices for using Next.js with Redux?Any feedback or suggestions would be greatly appreciated. Thank you!