Hello! Our team has been running Growthbook tests for awhile now and are starting to switch over to the Visual Editor tool. Our frontend platform is Gatsby 5. During the experiment set up, I am able to click the "Open Visual Editor" button which leads me to a window with the Visual Editor panel where I make my edits. That all works fine. But when I start the experiment, it never seems to actually run. I've created a very simple Gatsby repo and link to test this out. Here are all the relevant URLs if needed. I also installed the Growthbook Chrome Extension too. The attached screenshot is how I set up the SDK. My GrowthBook Experiment Page Build Link that we're targetting to (hosted by Netlify) GitHub Repo Any help / insight would be appreciated!

It looks like you might be missing an id field (such as a user_id). You will need this for user assignment/randomization in your experiment

Still facing the same issue. Hmm, do you guys have a mock repo anywhere that I can compare it with?

we do have this: https://github.com/growthbook/examples If you're still having trouble, post some sample implementation code that involves setting the hashAttribute (id). Also check out our devtools Chrome extension for easier debugging: https://chromewebstore.google.com/detail/growthbook-devtools/opemhndcehfgipokneipaafbglcecjia

Thanks! And here's some implementation code I've been running on a separate repo.

create_UUID = () => {
    let dt = new Date().getTime();
  
    let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
       let r = (dt + Math.random() * 16) % 16 | 0;
       dt = Math.floor(dt / 16);
       return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
    });
    return uuid;
}

let visitor_id = localStorage.getItem("growthbook_visitor_id");

if (!visitor_id) {
  visitor_id = create_UUID();
  localStorage.setItem('growthbook_visitor_id', visitor_id)
}

const growthbook = new GrowthBook({
  apiHost: process.env.GATSBY_GROWTHBOOK_API_HOST,
  clientKey: process.env.GATSBY_GROWTHBOOK_CLIENT_KEY,
  enableDevMode: true,
  attributes: {
    id: visitor_id,
    url: window.location.href,
  },
  trackingCallback: (experiment, result) => {
    const params = new URLSearchParams(window.location.search)
    const version = params.get(`gb-${experiment.key}`)

    if (version) return

    localStorage.setItem(`growthbook_experiment_${experiment.key}`, result.key)

    window.analytics.track('Experiment Viewed', {
      experimentId: experiment.key,
      variationId: result.key
    })
  },
});

does the chrome extension show that experiments were found on the page?

Can you make sure the SDK is passing the visual editor changes? (edit the sdk and check for the 'include the visual editor' is selected