Help us with managing multiple widgets within the same project.

For example, we need URLs like https://127.0.0.1:5000/app/widget1 and https://127.0.0.1:5000/app/widget2. Unfortunately, we’re unable to use Next.js routing because the application is hosted by Zoho Sigma, and we don't have access to configurations like Nginx or .htaccess to route all paths to index.html.

As a workaround, I’m treating my Next.js app as a single-page React application and handling routes using query parameters, such as https://127.0.0.1:5000/app?page=widget1 and https://127.0.0.1:5000/app?page=widget2, to render components based on the query parameter. This approach works as expected in development mode.

However, after installing the app in ZohoCRM Sigma, we encountered issues: 412 errors in the network (Failed to load resource: the server responded with a status of 412) and an error message stating, "Something went wrong. Please bear with us. Try again later or contact support@zohosigma.com."