Project Heimdall · cho.sh

Project Heimdall · cho.sh

Implemented Login with Clerk
The useLocaleRedirect caused some problems when a user landed on Heimdall in a non-English locale context and logged in
- Clerk needs some initial load time, for example, 2s, for the Clerk Login SDK to load
- After logging in, conditionally loading <SignIn> caused an Error on Clerk, that rendering <SignIn> when users are logged in is illegal. Thus, Clerk was redirected to the default locale. This happened within the next 2 seconds when Clerk figured that it was logged in and when React was unmounting the <SignIn> widget.
- Because useLocaleRedirect sends to English by default, the original locale will be lost
- To get over this, I created two features:
  - Save to local storage on the user's locale
  - redirect within the useEffect hook (Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.)

Also used HOC to inject callback when <SignIn> gets dismissed. Do I have to do this? Really?