sentry-js: Wait for onLoad before using Sentry.setUser()

It looks like we need to wait for Sentry.onLoad to happen before calling
this method, based on these docs:
https://docs.sentry.io/platforms/javascript/install/loader/#guarding-sdk-function-calls

CHANGES.txt

@@ -1,3 +1,7 @@
+0.4.2
+====================
+* Updated sentry-js config to use Sentry.onLoad.
+
 0.4.1 (2024-10-11)
 ====================
 * Updated sentry JS config to use username instead of id.

ctlsettings/templates/ctlsettings/sentry_js.html

@@ -6,17 +6,21 @@
  environment: '{{ ENVIRONMENT }}'
  });
 
- {% if request.user.is_anonymous %}
- Sentry.setUser({
- email: 'none',
- username: 'anonymous'
- });
- {% else %}
- Sentry.setUser({
- email: '{{ request.user.email }}',
- username: '{{ request.user.username }}'
+ Sentry.onLoad(function() {
+ const client = Sentry.getClient();
+
+ {% if request.user.is_anonymous %}
+ client.setUser({
+ email: 'none',
+ username: 'anonymous'
+ });
+ {% else %}
+ client.setUser({
+ email: '{{ request.user.email }}',
+ username: '{{ request.user.username }}'
+ });
+ {% endif %}
  });
- {% endif %}
  };
 </script>