To fetch or load references or Symbols, you must use enrich in your calls to fetch multiple entries from Builder.
Pass in the options object with enrich: true when using getAll() in a Gen 1 SDK and fetchEntries() in a Gen 2 SDK. This provides a consistent experience between the Visual Editor and the live site.
Tip: The enrich attribute returns the fetched reference and three additional layers of depth for nested references. If you access a reference or Symbol with more than 3 layers of nested references, later layers will not be enriched.
Tip: Builder enriches by default for Gen 1's builder.get() and Gen 2's fetchOneEntry().
Framework
React Svelte Vue Qwik (Beta) React Native Angular
Meta-Framework
None Remix Hydrogen Next.js (Pages Router) Next.js (App Router) Gatsby
Gen 1 (Recommended) Gen 2 To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});To fetch or load references or Symbols, be sure to manually pass in enrich: true when using fetchEntries().
import { fetchEntries } from '@builder.io/sdk-react';
const pages = await fetchEntries({
model: 'page',
apiKey: 'YOUR_API_KEY',
// to fetch references and Symbols
options: { enrich: true }
});
To fetch or load references or Symbols, be sure to manually pass in enrich: true when using getAll().
import { builder } from '@builder.io/react';
const pages = await builder.getAll('page', {
// to fetch references and Symbols
options: { enrich: true }
});Was this article helpful?
