Master React Component for Dynamic View Display

[NeoAppsAI]

Feature: Develop a Master React Component to Display Data from Various Views

Description:

Build a React component that dynamically fetches data from the Master API endpoint and displays it in different formats (e.g., table, chart) based on runtime parameters.
The component should support various data views and be flexible enough to render different data structures.
Tasks:

Create a new React component (MasterReportComponent) that uses useParams to capture the view name from the URL.
Implement data fetching logic using axios or fetch to call the Master API and retrieve the data for the specified view.
Add error handling and loading states to improve user experience.
Implement a table layout to display the data by default.
Ensure the component is easily extendable to support additional data presentation formats (e.g., charts).
Write unit tests to verify that the component correctly handles various data inputs and scenarios.
Expected Outcome:

A flexible and reusable React component that can dynamically fetch and display data from different database views, supporting multiple data formats.