No render of https://client.aragon.org/ in Tor browser

[inverted-capital]

Describe the bug
After page load, there are no console errors, and the expected elements and buttons are loaded, but they are not visible to the user. The same elements are available on the page as in the usable page rendered in the plain firefox browser, however the blue background covers everything.

Mainnet or testnet?
Neither - just loading the base page.

Organization
N/A

To Reproduce
Steps to reproduce the behavior:

1. Go to https://client.aragon.org/ using Tor browser 10.0.1 (based on Mozilla Firefox 78.3.0esr) (64-bit)
2. Observe correct page load in network tab of developer tools and console
3. See the page stay in entirely blue, with no visible elements
4. Choose inspector from the devtools, and observe all elements present but invisible

Expected behavior
Expecting the same UI as if loaded in firefox without using tor version

Screenshots

Desktop (please complete the following information):

• Device: Desktop
• OS and OS version: Windows 10 latest
• Browser and browser version: Tor browser 10.0.1 (based on Mozilla Firefox 78.3.0esr) (64-bit)

Smartphone or tablet (please complete the following information):

• N/A

Additional context
Tor is an important tool for distributed org management, and we would greatly appreciate being able to use a great tool such as Aragon whilst preserving our anonymity and privacy using established means such as Tor. This appears to be a simple rendering bug but is a showstopper for Tor users.

[inverted-capital]

This is due to an issue in the react-spring library which needs precise timing information to perform the animation that makes the UI visible after the loading phase: pmndrs/react-spring#664 Apparently it has been fixed in v9rc3 of react-spring. This issue applies to any Firefox browser that has enabled "privacy.resistFingerprinting". The exact line is: https://github.com/aragon/client/blob/master/src/App.js#L338

Perhaps either upgrade the react-spring library, or detect when privacy.resistFingerprinting is turned on, and disable animations ?

[nixtoshi]

I have the same issue on Firefox. Please fix it, it has been an issue for a long time now

[nixtoshi]

POSSIBLE SOLUTION:

I just followed this and cleared the Firefox cache, and it worked for me:
https://documentation.aragon.org/faq/products/aragon-client/why-i-see-a-blue-screen

I also disabled all the flags with "privacy.resistFingerprinting" on their name from True to False.
This might have helped