# Upgrading \`@builder.io/sdk\` to 2.2.1 breaks build

**URL:** <https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903>\
**Category:** Shopify\
**Created:** [January 31, 2024, 12:37pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903 "2024-01-31T12:37:54Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![neri](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@neri](https://forum.builder.io/u/neri)\
**Post date:** [January 31, 2024, 12:37pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/1 "2024-01-31T12:37:54Z")

</div>

**Describe the bug**  
We’re trying to upgrade `@builder.io/sdk` to `2.2.1` from `2.1.1`, it fails in build step:

```auto
throw new Error("Fetching content failed, expected apiKey to be defined instead got: ".concat(this.apiKey));

```

The API key is defined as an environment variable and it is passed correctly. We even tried passing an API key directly to the `builder.init()` function, but it still didn’t work.

**Additional context**  
It also appears that when we attempt to update `@builder.io/react` to `3.2.0` from `3.1.1`, it fails with the same error.

**Using:**  
Next.js 14.1  
Node 18

> <https://github.com/BuilderIO/builder/issues/2962>
>
> \*\*Describe the bug\*\*
> We're trying to upgrade \`@builder.io/sdk\` to \`2.2.1\` from …\`2.1.1\`, it fails in build step:
> 
> \`\`\`
> throw new Error("Fetching content failed, expected apiKey to be defined instead got: ".concat(this.apiKey));
> \`\`\`
> 
> The API key is defined as an environment variable and it is passed correctly. We even tried passing an API key directly to the \`builder.init()\` function, but it still didn't work.
> 
> 
> \*\*Additional context\*\*
> It also appears that when we attempt to update \`@builder.io/react\` to \`3.2.0\` from \`3.1.1\`, it fails with the same error.
> 
> \*\*Using:\*\*
> Next.js 14.1
> Node 18

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [January 31, 2024, 12:55pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/2 "2024-01-31T12:55:26Z")

</div>

Hello @neri!

Do you have the builder-registry.ts file in your project?

---

<div class="post-metadata">

**Author:** ![yannis](https://avatars.discourse-cdn.com/v4/letter/y/c57346/32.png) [@yannis](https://forum.builder.io/u/yannis)\
**Post date:** [January 31, 2024, 3:49pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/3 "2024-01-31T15:49:05Z")

</div>

Same here and I have builder-registry.ts in my project

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [January 31, 2024, 3:52pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/4 "2024-01-31T15:52:11Z")

</div>

Hello @yannis,

You you try adding `builder.init('API KEY')` to the builder-registry.ts file and let us know how that works for you?

```auto
import { builder } from '@builder.io/react';

builder.init("YOUR API KEY or env variable");

```

---

<div class="post-metadata">

**Author:** ![yannis](https://avatars.discourse-cdn.com/v4/letter/y/c57346/32.png) [@yannis](https://forum.builder.io/u/yannis)\
**Post date:** [January 31, 2024, 4:08pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/5 "2024-01-31T16:08:32Z")

</div>

Doesn’t work.

init doesn’t exist if I use:

```auto
import { Builder } from '@builder.io/react';
Builder.init(process.env.NEXT_PUBLIC_BUILDER_API_KEY!);

```

if I add

```auto
import { builder } from "@builder.io/sdk";
builder.init(process.env.NEXT_PUBLIC_BUILDER_API_KEY!);

```

I still have the same issue:

Builder integration error: Looks like the Builder SDK has not been initialized properly (your API key has not been set). Make sure you are calling `builder.init("«YOUR-API-KEY»");` as early as possible in your application’s code.

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [January 31, 2024, 4:09pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/6 "2024-01-31T16:09:57Z")

</div>

> [@yannis](#):
>
> ```auto
> import { Builder } from '@builder.io/react';
> Builder.init(process.env.NEXT_PUBLIC_BUILDER_API_KEY!);
> 
> ```

It should be

import { builder } from ‘@builder.io/react’;  
builder.init(process.env.NEXT\_PUBLIC\_BUILDER\_API\_KEY!);

---

<div class="post-metadata">

**Author:** ![yannis](https://avatars.discourse-cdn.com/v4/letter/y/c57346/32.png) [@yannis](https://forum.builder.io/u/yannis)\
**Post date:** [January 31, 2024, 4:18pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/7 "2024-01-31T16:18:36Z")

</div>

Well it works but this seems a bit odd to have i think, maybe someone should work on the naming of the functions 😛

import { Builder, builder } from “@builder.io/react”;

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [January 31, 2024, 4:21pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/8 "2024-01-31T16:21:42Z")

</div>

Hello @yannis,

I’ll certainly raise a request for our team to further investigate and deploy a proper fix.

Thank you for bringing this to our attention,

---

<div class="post-metadata">

**Author:** ![daniel.englert](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@daniel.englert](https://forum.builder.io/u/daniel.englert)\
**Post date:** [February 4, 2025, 9:31pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/9 "2025-02-04T21:31:08Z")

</div>

There is no Builder in @builder.io/react  
Like Yannis said for nextjs app router we have to import {builder} from “@builder.io/sdk”

Builder docs say this too.

My content loads from builder with the [builder/examples/next-js-app-router/app/data-example/page.tsx at main · BuilderIO/builder · GitHub](https://github.com/BuilderIO/builder/blob/main/examples/next-js-app-router/app/data-example/page.tsx) example  
(that uses @builder/sdk)

BUT

I get that builder init error in the browser even though my content is rendering fine

Is there a solution for this issue?

---

<div class="post-metadata">

**Author:** ![daniel.englert](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@daniel.englert](https://forum.builder.io/u/daniel.englert)\
**Post date:** [February 4, 2025, 9:33pm UTC](https://forum.builder.io/t/upgrading-builder-io-sdk-to-2-2-1-breaks-build/4903/10 "2025-02-04T21:33:09Z")

</div>

node 20  
mac M2

“dependencies”: {  
“@builder.io/react”: “^8.0.8”,  
“next”: “15.1.6”,  
“react”: “^19.0.0”,  
“react-dom”: “^19.0.0”  
},  
“devDependencies”: {  
“@eslint/eslintrc”: “^3”,  
“@types/node”: “^20”,  
“@types/react”: “^19”,  
“@types/react-dom”: “^19”,  
“eslint”: “^9”,  
“eslint-config-next”: “15.1.6”,  
“postcss”: “^8”,  
“tailwindcss”: “^3.4.1”,  
“typescript”: “^5”  
}