IncludeRefs not working

[CourseStudio]

We’ve tried both includeRefs and enrich to get Builder to include the content from references but with no luck. References that are set up via the code seems to work but not those that are set in the Builder.io models.

Builder content link

Builder.io: Drag & Drop Headless CMS

Builder public api key
4ccc9312e0d14fb3b6d94d2864010b90

What are you trying to accomplish
Use the reference input type and have the results include the value of the reference in the <BuilderComponent />

Screenshots or video link

Code stack you are integrating Builder with
NextJS

Reproducible code example

<BuilderComponent
          options={{ includeRefs: true, enrich: true }}
          content={content}
          model="page"
        />

And

.get("page", {
      includeRefs: true,
      enrich: true,
      userAttributes: {
        urlPath,
      },
    })
    .toPromise();

[manish-sharma]

Hello @CourseStudio,

Although the reference data may not be visible in the UI, you can check for it in the Builder console. Select the block, go to the builder console, navigate to the data tab, and run $block.eval('state'). This should allow you to access the data even if it’s not displaying in the UI.

loom: Loom | Free Screen & Video Recording Software | Loom

Thank you,

[CourseStudio]

Hi Manish

How can I get this to work in the code?

[manish-sharma]

Hello @CourseStudio,

could you please provide more information about what you meant by “getting this work in the code”?

[wtc-marlonmarcello]

Having the same issue