Getting Ray to work with Livewire and specifically Alpine

[longestdrive]

Hi
I've just started to use Ray to help debug my app that uses Laravel Livewire and Alpine. I've got it up and running with Laravel and that's working and now trying to get it to send values for Alpine.

I've installed the extension per the website but have an immediate issue with an error on loading the page:

I'm loading the scripts via CDN and have these scripts in the header before loading liverwire scripts:

<script>
      window.alpineRayConfig = {
        logComponentsInit: true,
        logErrors: true,
        logeEvents: ['abc']
      };
    </script>
    <script src="https://cdn.jsdelivr.net/npm/axios@latest/dist/axios.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/alpinejs-ray@2/dist/standalone.min.js"></script>

I'm then testing the set up with an example from the site as follows:

<div x-data="onClickData()">
            <div x-show="show">Hi There Ray!</div>
            <button x-on:click="toggle()">Show/Hide (Ray)</button>
            <button @click="$ray('hello from alpine')">Send to Ray</button>
        </div>
        <button type="button"
                wire:click="clickRay()"
                class="block p-block py-2 px-2 hover:rounded-sm hover:bg-red-900 text-red-600 flex items-center">
            <span class="px-1 py-2">Ray</span>
        </button>

<script>
      function onClickData() {
        return {
          init() {
            this.$ray().html('<strong>init on-click-ray data</strong>');
          },
          toggle() {
            this.show = !this.show;
            this.$ray('toggled show value to ' + (this.show ? 'true' : 'false'));
          },
          show: false
        };
      }
    </script>

These alpine components work as expected however on loading the page I get an immediate error with the ray alpine extension as follows:

Uncaught TypeError: Cannot read properties of undefined (reading 'randomUUID')
    at native.js:13:31
    at standalone.min.js:4:80
    at standalone.min.js:5:3
and a further error - presumably because the extension failed to load:

Uncaught TypeError: this.$ray is not a function
    at Proxy.init (golfCourse:1052:18)
    at livewire.js?id=87e1046f:1162:25
    at tryCatch (livewire.js?id=87e1046f:1118:14)
    at evaluate (livewire.js?id=87e1046f:1142:34)
    at Function.<anonymous> (livewire.js?id=87e1046f:3554:29)
    at flushHandlers (livewire.js?id=87e1046f:1283:48)
    at stopDeferring (livewire.js?id=87e1046f:1288:7)
    at deferHandlingDirectives (livewire.js?id=87e1046f:1291:5)
    at initTree (livewire.js?id=87e1046f:1478:5)
    at livewire.js?id=87e1046f:1430:7

I've checked the order of the scripts per the install guide - before loading Ray and set the config but no change.

Is there anything else I should check? - would it help to install via npm? - although the preferred method via the site is via CDN,

Thank you