# Widgets not working

**URL:** <https://forum.builder.io/t/widgets-not-working/5575>\
**Category:** Technical Questions\
**Created:** [May 14, 2024, 5:25pm UTC](https://forum.builder.io/t/widgets-not-working/5575 "2024-05-14T17:25:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kailash99](https://avatars.discourse-cdn.com/v4/letter/k/f475e1/32.png) [@kailash99](https://forum.builder.io/u/kailash99)\
**Post date:** [May 14, 2024, 5:25pm UTC](https://forum.builder.io/t/widgets-not-working/5575/1 "2024-05-14T17:25:14Z")

</div>

Hi, I am using the visual builder with next js project and trying to use Carousel and other builder widgets in my project but they are currently showing as blank and getting “Missing @builder.io/widgets installation, please install and import @builder.io/widgets to use Accordion in your content” error.

I had tried to install Widgets by adding:

import ‘@builder.io/widgets’; in [[…page].tsx but i still get the same error. What am i doing wrong ? Thanks !

Link to content: [https://builder.io/content/db8007e8e7ac4318b1ef7444467ec3fd/edit?activeDesignerTab=3&selectedBlock=builder-30de277d2a2e42fbbd7f8c43069a0bc9](https://builder.io/content/db8007e8e7ac4318b1ef7444467ec3fd/edit?activeDesignerTab=3&selectedBlock=builder-30de277d2a2e42fbbd7f8c43069a0bc9)

There are lot of errors in Developer console as well. This was not the case few days before.

Please refer to the following screenshot for reference.

 ![30a0a55563593127a3220fde499596044a18d8d0_2_1380x802](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/e8b2c95a6904f2c7f3cc9013be08330059176aa5.jpeg)  
 ![8645b4f458d5ce02b4eefc62cae847894ddb94b5_2_1380x804](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/0/06ad7084ed0a5b74a70b88a24065222b11b1d000.jpeg)  
 ![c68e0a344b8fd2f807391cbd5217d38d74a97ddb_2_1380x208](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/260f99d4ea4de3e8fa6ad387087240e9c45a972c.png)  
 ![fbc6850735ae56de4f5dc6c899c2dcbce0741869_2_1380x836](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/edf61a0de11a24eed8ae846a557ef165de3b98ac.jpeg)

---

<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:** [May 14, 2024, 5:37pm UTC](https://forum.builder.io/t/widgets-not-working/5575/2 "2024-05-14T17:37:22Z")

</div>

Hello @kailash99,

It seems that you’ve successfully imported the widgets library, but the package itself hasn’t been installed yet. To resolve this, please run the following command to ensure that the widgets function properly:

`npm install @builder.io/widgets`

> **[Using Widgets - Builder.io](https://www.builder.io/c/docs/widgets)**
>
> Learn how to enhance user interfaces with Builder widgets, creating interactive elements like collapsible sections, image sliders, and tabbed content.

---

<div class="post-metadata">

**Author:** ![kailash99](https://avatars.discourse-cdn.com/v4/letter/k/f475e1/32.png) [@kailash99](https://forum.builder.io/u/kailash99)\
**Post date:** [May 14, 2024, 5:52pm UTC](https://forum.builder.io/t/widgets-not-working/5575/3 "2024-05-14T17:52:39Z")

</div>

Hi Thanks for your response, i have installed widgets using npm install @builder.io/widgets but still getting the same issue. Tried to reinstall the widgets now getting these warnings, widgets still not working.

 ![Screenshot 2024-05-14 at 11.21.01 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/a/a70696f57497ce572c75e2727ef3aceafbc93359.png)  
 ![Screenshot 2024-05-14 at 11.21.11 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/ea6245ab6e47c7248136992c71eac3b311c33768.png)

---

<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:** [May 14, 2024, 6:11pm UTC](https://forum.builder.io/t/widgets-not-working/5575/4 "2024-05-14T18:11:33Z")

</div>

Hi @kailash99,

Could you add `import '@builder.io/widgets';` to the file which is located at src → components → builder.tsx

Additionally, the errors in the screenshot seem to be because of the react version dependency, therefore, running below command may help resolve the issue

```auto
npm install --legacy-peer-deps

```