[Help] Blank Page on First Login After Cal.com Installation on Cloudron (Sept 26)

[Fanch]

Hello everyone,

I hope you're all doing well! I could really use some help with an issue I'm facing.

I’ve recently tried to install Cal.com twice on my Cloudron instance, but each time I encounter the same problem. After installation today, on September 26, when I attempt to access the app for the first time to configure the authentication, I’m met with a blank page.

Here are the key details and steps I’ve taken:

Problems Encountered:

1. Domain Mismatch (WEBAPP_URL vs ALLOWED_HOSTNAME):
   From the logs:

   Sep 26 14:57:16 @calcom/web:start: Match of WEBAPP_URL with ALLOWED_HOSTNAME failed {
   Sep 26 14:57:16 @calcom/web:start: WEBAPP_URL: 'https://calcom.digital-bonobo.com',
   Sep 26 14:57:16 @calcom/web:start: ALLOWED_HOSTNAMES: [
   Sep 26 14:57:16 @calcom/web:start: 'calcom.digital-bonobo.com'
   Sep 26 14:57:16 @calcom/web:start: ]
   

   The logs indicate a mismatch between WEBAPP_URL and the ALLOWED_HOSTNAME, which seems to prevent the app from loading correctly.

2. React Tooltip Error:

   Sep 26 14:57:27 @calcom/web:start: Error: `Tooltip` must be used within `TooltipProvider`
   Sep 26 14:57:27 @calcom/web:start: at useContext (/app/code/calcom/node_modules/@radix-ui/react-context/dist/index.js:61:19)
   

   This React error suggests that the Tooltip component is not wrapped in a TooltipProvider, causing issues with rendering the interface.

Actions Taken:

1. I added the following environment variables in the env file to resolve the domain mismatch:

   WEBAPP_URL="https://calcom.digital-bonobo.com"
   ALLOWED_HOSTNAME="calcom.digital-bonobo.com"
   

2. I restarted the app after updating the environment variables, but unfortunately, the problem persists.

This issue occurs right after the installation, during the first login to the app, where authentication needs to be set up, and the blank page appears. Has anyone else encountered this problem, or does anyone have suggestions for next steps?

Thanks in advance for your help! I’m really looking forward to any guidance or ideas you might have.

Best regards,
Fanch DANIEL

[nebulon]

Actually the tooltip error is the main issue: https://github.com/calcom/cal.com/issues/16822

Not sure how you ended up with that though in the currently published version. As we didn't publish it because of that. Something is off here...

[Fanch]

Thank you for the clarification! It’s helpful to know that the tooltip error is the main issue.

Given that this problem wasn’t present in the previously published version, could you guide me on how to access the previous release of Cal.com on Cloudron? I’d like to downgrade to a more stable version while waiting for the issue with the current version to be resolved.

Thanks again for your assistance!

[nebulon]

I tried to debug this now, since this is strange, and turns out older versions throw the same errors. Apparently the app relies on some external service or dynamically downloaded assets which are failing. Not yet clear what to do, but we will keep this updated.

Sorry for the confusion. The app package got revoked and latest is now package version 1.12.1 which has Calcom 4.5.1 That one should work.

[nebulon]

This post is deleted!

[nebulon]

This post is deleted!

[nebulon]

So updates work, because only the initial setup flow is currently broken. Still waiting for an upstream fix.

[Fanch]

Thank you so much, Nebulon,

I really appreciate your time and effort in debugging the issue and keeping us informed. Now it looks like all I can do is wait, and I hope the upstream fix comes through soon

Also, I’m a huge fan of Cloudron—your work is absolutely awesome!