gistfile1.tsx

// in the index.html
<script>
  (function () {
    var NickelledLaunchers = window['NickelledLaunchers'] = NickelledLaunchers || {};
    NickelledLaunchers.preloadEvents = [];
    NickelledLaunchers.show = function () {
      NickelledLaunchers.preloadEvents.push('show');
    };
    NickelledLaunchers.hide = function () {
      NickelledLaunchers.preloadEvents.push('hide');
    };
    (function () {
      var s, f;
      s = document.createElement("script");
      s.async = true;
      s.src = "https://cdn.nickelled.com/launchers.min.js";
      f = document.getElementsByTagName("script")[0];
      f.parentNode.insertBefore(s, f);
    })();
  })();
</script>

// in the component where i have access to user.id
window['NickelledSettings'] = {
  userId: user.id,
};
window['NickelledLaunchers']._init();
window['NickelledLaunchers'].show();

// in the corresponding html
<div data-nickelled-launcher="auto-launch" data-guide="https://benchmark.nickelled.com/welcome" data-limit="1"></div>