Alpine Expression Error: Cannot set properties of null (setting '_x_dataStack')

[C-Mejlak]

I'm getting this error, however properties are available in x-data. In local development it is working fine

Any pointers to why this is happening?

Thanks 🙏

[SimoTod]

You need to post your component otherwise it's impossible to debug. Are you initializing properties in x-init by any chance? Do you have a sensible default before it's ready (an empty array)?

[C-Mejlak]

Here's the component, yes I'm already initializing properties as an empty array. Really lost why this could be happening.

<script>
  document.addEventListener("alpine:init", () => {
    Alpine.data("propertiesData", () => ({
      properties: [],
     
      ...

      async init() {
        const res = await fetch(`${location.origin}/json/properties.json`)
        const data = await res.json()
        this.properties = data.properties   
      }

    }))
  })
</script>
<div x-data="propertiesData">
  <template x-for="property in properties">...</template>
</div>

[C-Mejlak]

It was actually/accidentally working but not anymore, if it helps it's happening on https://kingly-helicopter.cloudvent.net/ once you hit 'Search"

[SimoTod]

I'm not at my laptop so i can't check. Try to console log data properties to make sure you don't get back anything unexpected

[C-Mejlak]

Everything looks fine, banging my head on this one

[SimoTod]

That URL doesn't work for me, I've created a simple mock API and your code logic works okay for me: https://codepen.io/SimoTod/pen/BadbbWW.
I get the error if I try using a text node like the script above though <template x-for="property in properties">...</template> but I assume you don't use it like that right? It wouldn't make much sense.

[C-Mejlak]

Thanks for taking the time @SimoTod, yeah it's working fine on my dev environment. It must be something in the production environment messing something up.

Haven't had the time to look into it as of yet.
Thanks again!