Heuristic fragment matching going on!

Hi folks,

I’m doing a web-app with Nuxtjs (2.9.1) and DatoCMS and I have a weird issue.

Once I start my app and go trhough the right URL:
document is not defined

I refresh and I get a different error:
btoa is not defined

When I refresh a third time, it works.

Nevertheless, inside my console I have got this error:
image

Sadly, the link is broken :confused:

I read the documentation but it’s not helpful at all.

I followed DatoCMS’ instructions here and my GraphQL explorer is giving me the right data structure.

Does anyone have an idea?

My GraphQL query:

query Form {
  content: form {
    introStep
    introHeading2
    introContent
    introCallToAction
    introImage {
      url
    }
    infosStep
    infosHeading2
    infosCallToAction
    infosImage {
      url
    }
    infosForm {
      ... on FirstnameRecord {
        _modelApiKey
        placeholder
        label
        id
      }
      ... on LastnameRecord {
        _modelApiKey
        placeholder
        label
        id
      }
      ... on EmailRecord {
        _modelApiKey
        placeholder
        label
        id
      }
      ... on PhoneRecord {
        _modelApiKey
        placeholder
        label
        id
      }
      ... on AddressRecord {
        _modelApiKey
        placeholder
        label
        id
      }
    }
    skillsStep
    skillsHeading2
    skillsCallToAction
    skillsImage {
      url
    }
    gearStep
    gearHeading2
    gearCallToAction
    gearImage {
      url
    }
    checkStep
    checkHeading2
    checkContent
    checkCallToAction
    checkImage {
      url
    }
  }
}