# Accordions Not Rendering In React

**URL:** <https://forum.builder.io/t/accordions-not-rendering-in-react/1219>\
**Category:** Technical Questions\
**Tags:** react\
**Created:** [October 21, 2021, 9:10pm UTC](https://forum.builder.io/t/accordions-not-rendering-in-react/1219 "2021-10-21T21:10:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![VinceT](https://avatars.discourse-cdn.com/v4/letter/v/8e7dd6/32.png) [@VinceT](https://forum.builder.io/u/VinceT)\
**Post date:** [October 21, 2021, 9:10pm UTC](https://forum.builder.io/t/accordions-not-rendering-in-react/1219/1 "2021-10-21T21:10:38Z")

</div>

> **[Builder.io: Drag and drop page builder and CMS](https://builder.io/content/770f5518c9144b0d9cbfca1218b8f153)**
>
> Build and optimize digital experiences for any tech stack, visually.

724cb5ccc643456689baea6065de3cf4

I want to get the accordion block to render in my react app. It renders in the preview, however when I try to load the accordion on any of my models, it just doesn’t load.

You can see here that it has rendered: [Screenshot - 819e8491c9cd232ddaed3abfef6e2747 - Gyazo](https://gyazo.com/819e8491c9cd232ddaed3abfef6e2747)  
You can see here on my localhost that it hasn’t: [Screenshot - 646e4e9fd30aa66f7bf2335e7acbac8f - Gyazo](https://gyazo.com/646e4e9fd30aa66f7bf2335e7acbac8f)

I published the content multiple times to make sure, and reloaded the page of course. For some reason the accordions don’t seem to render on react apps. I was wondering if getting an accordion to render requires hydrate() possibly?

This is happening in React. This doesn’t seem to be a common issue so maybe it’s something on my end?

---

<div class="post-metadata">

**Author:** ![aziz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/aziz/32/2551_2.png) [@aziz](https://forum.builder.io/u/aziz)\
**Post date:** [October 21, 2021, 11:21pm UTC](https://forum.builder.io/t/accordions-not-rendering-in-react/1219/2 "2021-10-21T23:21:28Z")

</div>

To add those widgets ( carousels, tabs, accordion, and masonry ) to your react app with [builder.io](http://builder.io) you’d want to install [`@builder.io/widgets`](https://github.com/BuilderIO/builder/tree/master/packages/widgets) in your app.

```auto
npm install @builder.io/widgets

```

And import it on your page where you use `BuilderComponent`

```auto
import '@builder.io/widgets';

```

---

<div class="post-metadata">

**Author:** ![VinceT](https://avatars.discourse-cdn.com/v4/letter/v/8e7dd6/32.png) [@VinceT](https://forum.builder.io/u/VinceT)\
**Post date:** [October 21, 2021, 11:32pm UTC](https://forum.builder.io/t/accordions-not-rendering-in-react/1219/3 "2021-10-21T23:32:53Z")

</div>

Thank you aziz, I managed to figure that out based on your post from last December as well!