# Unable to register custom components in Builder nextJS

**URL:** <https://forum.builder.io/t/unable-to-register-custom-components-in-builder-nextjs/5233>\
**Category:** CMS\
**Tags:** visual-editor, nextjs\
**Created:** [March 28, 2024, 11:15am UTC](https://forum.builder.io/t/unable-to-register-custom-components-in-builder-nextjs/5233 "2024-03-28T11:15:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sohail](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@sohail](https://forum.builder.io/u/sohail)\
**Post date:** [March 28, 2024, 11:15am UTC](https://forum.builder.io/t/unable-to-register-custom-components-in-builder-nextjs/5233/1 "2024-03-28T11:15:50Z")

</div>

Hi @manish-sharma ,

I am trying to setup builder to my existing code repo.  
I did run the npm init @builder.io@latest command

 ![Screenshot 2024-03-28 at 4.39.16 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/f4a0da0a53710b57b730771548feec24dddedfbd.png)

I am unable to register my components and see them in builder custom components.

 ![Screenshot 2024-03-28 at 4.41.48 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/b/bbd84e7f743f1fea666c03f41065055b1d57c4e5.jpeg)

I registered using the button. but in my builder I am unable to see it.

 ![Screenshot 2024-03-28 at 4.42.45 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/0/05e5ecdc4242c3700b9e5c4a62e97a2ffb5e4eeb.jpeg)

This was a simple and small component.  
For bigger components like the one below, it shows no props passed.

 ![Screenshot 2024-03-28 at 4.44.01 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/4/4d44cae44107a6d4f4bd396d09313e74799ee5f2.jpeg)

This is my code:

```auto
import React from "react";
import styles from "./styles.module.css";

type PullQuoteData = {
  quote: string;
  sourceName: string;
  backgroundImage?: string;
  source: string;
};

type PullQuoteDataProps = {
  data: PullQuoteData;
};

const PullQuote: React.FC<PullQuoteDataProps> = ({ data }) => {
  return (
    <div
      className={`${!data?.backgroundImage ? styles.pullQuoteContainer : styles.pullQuoteBackground} h-[459px] w-screen justify-center`}
      style={{
        backgroundImage: `url(${data?.backgroundImage ?? ""})`,
      }}
    >
      <div
        className={`${styles.pullQuoteWrapper} mt-16 mb-10 max-w-[750px] min-w-[350px] gap-8 flex-col justify-center items-center`}
      >
        <div
          className={`${styles.pullQuoteTitleWrapper} px-16 py-12 italic rounded-xl md:rounded-2xl lg:rounded-2xl xl:rounded-3xl relative text-center font-bold`}
        >
          <div
            className={`${styles.borderQuotes} absolute inset-0 -top-3 flex justify-center text-4xl md:text-6xl lg:text-8xl xl:text-8xl`}
          >
            &ldquo;
          </div>
          <div className={`${styles.pullQuoteTitle}`}>{data?.quote ?? ""}</div>
        </div>
        <div
          className={`${styles.pullQuoteAuthor} max-w-[715px] text-center font-medium`}
        >
          - {data?.sourceName ?? ""}, {data?.source ?? ""}
        </div>
      </div>
    </div>
  );
};
export default PullQuote;

```

 ![Screenshot 2024-03-28 at 4.45.26 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/6/6dd6be92b2b73511a011cdf4ca117fd65b0ba5a2.png)  
Please help me resolve this.

---

<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:** [March 28, 2024, 11:26am UTC](https://forum.builder.io/t/unable-to-register-custom-components-in-builder-nextjs/5233/2 "2024-03-28T11:26:02Z")

</div>

Hello @sohail,

Could you please attempt to import the `builder-registry.tsx` file into either the `builder.tsx` or `_app.tsx` file for the pages route?

Thank you.

---

<div class="post-metadata">

**Author:** ![sohail](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@sohail](https://forum.builder.io/u/sohail)\
**Post date:** [March 28, 2024, 11:38am UTC](https://forum.builder.io/t/unable-to-register-custom-components-in-builder-nextjs/5233/3 "2024-03-28T11:38:48Z")

</div>

This worked. Thank you Manish. You’re awesome 🙂