# Builder DevTools Components builder inputs (props) not found

**URL:** <https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707>\
**Category:** Bugs\
**Tags:** nextjs\
**Created:** [December 23, 2023, 11:48pm UTC](https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707 "2023-12-23T23:48:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![DoubleU](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@DoubleU](https://forum.builder.io/u/DoubleU)\
**Post date:** [December 23, 2023, 11:48pm UTC](https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707/1 "2023-12-23T23:48:24Z")

</div>

**Detailed steps to reproduce the bug**  
When i use the DevTools to register an unregistered component (for example the default counter component) it removes the inputs (props) from the builder-registry.js

**Screenshots or video link**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/20a4567269c38bf420c9fa9b45b1562b3b096755.png)

**Code stack you are integrating Builder with**  
NextJS and Builder DevTools

---

<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:** [December 24, 2023, 4:27am UTC](https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707/2 "2023-12-24T04:27:33Z")

</div>

Hello @DoubleU,

Welcome to the [Builder.io](http://Builder.io) forum!

It appears that the counter component lacks props, and this might be why default props aren’t being detected.

To address this, consider registering the custom component with input as illustrated below:

```auto
Builder.registerComponent(Counter, {
   name: "counter",
   input: [
     {
        name: 'count',
        type: 'number',
        defaultValue: 0,
     },
   ],
});

```

---

<div class="post-metadata">

**Author:** ![DoubleU](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@DoubleU](https://forum.builder.io/u/DoubleU)\
**Post date:** [December 24, 2023, 10:36am UTC](https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707/3 "2023-12-24T10:36:14Z")

</div>

Hi @manish-sharma,

Thanks for your reply! This isn’t what I mean. I will try to clarify my issue.

This is the default counter component **Counter.jsx** that is created by following the guide for devtools and NextJS App router:

```auto
"use client";
import React, { useState } from "react";
import styles from "./styles.module.css";

function Counter({ initialCount = 99 }) {
  const [count, setCount] = useState(initialCount);

  const increment = () => {
    setCount((prevCount) => prevCount + 1);
  };

  const decrement = () => {
    setCount((prevCount) => prevCount - 1);
  };

  return (
    <div className={styles.counter}>
      <button className={styles.btn} onClick={decrement}>
        -
      </button>
      <span className={styles.count}>{count}</span>
      <button className={styles.btn} onClick={increment}>
        +
      </button>
    </div>
  );
}

export default Counter;

```

So the component doesn’t lack any props, right? InitialCount is defined, but the Devtools doesn’t seem to recognize props when registering? This is what the Devtools register in the **builder-registry.js** :

```auto
"use client";
import { Builder } from "@builder.io/react";
import Counter from "./components/Counter/Counter";

Builder.registerComponent(Counter, {
  name: "Counter",
});

```

I can update the **builder-registry.js** by adding the inputs manually:

```auto
"use client";
import { Builder } from "@builder.io/react";
import Counter from "./components/Counter/Counter";

Builder.registerComponent(Counter, {
  name: "Counter",
  inputs: [
    {
      name: "InitialCount",
      type: "number",
      defaultValue: 99,
    }
  ],
});

```

When I unregister the counter component in the Devtools, the **builder-registry.js** will be empty. Once I register the same counter component the inputs are missing:

```auto
"use client";
import { Builder } from "@builder.io/react";
import Counter from "./components/Counter/Counter";

Builder.registerComponent(Counter, {
  name: "Counter",
});

```

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![OmPrakash](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/omprakash/32/2751_2.png) [@OmPrakash](https://forum.builder.io/u/OmPrakash)\
**Post date:** [December 25, 2023, 12:16pm UTC](https://forum.builder.io/t/builder-devtools-components-builder-inputs-props-not-found/4707/4 "2023-12-25T12:16:00Z")

</div>

Hi @DoubleU,

I attempted a similar operation with NextJS and Builder DevTools. It appears to include the inputs in the registration code. [Loom Video](https://www.loom.com/share/a06c0f455d1642f9be556fc4ed017336?sid=239f8cd2-3c17-4038-b202-9813cde20c0c)

By default, the code is set as follows:

```auto
Builder.registerComponent(Counter, {
  name: "Counter",
  inputs: [
    {
      name: "initialCount",
      type: "number",
    },
  ],
});

```

However, if additional attributes are added, or inputs are modified and the component is deregistered, the default code will be reinstated upon registration. This seems to be the current behavior. We’ll share this with our internal team to enhance the DevTools experience.

Was that the issue you were pointing out? Let us know!

Thank you.