Extract component isnt working

Nextjs Error -
```
## Error Type
Console Error

## Error Message
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

at WorkflowBuilder (components/app/(home)/sections/workflow-builder/WorkflowBuilder.tsx:2002:5)
at StyleGuidePageContent (app/page.tsx:94:11)
at StyleGuidePage (app/page.tsx:260:7)

## Code Frame
2000 | export default function WorkflowBuilder(props: WorkflowBuilderProps) {
2001 | return (
> 2002 |
| ^
2003 |
2004 |
2005 |

Next.js version: 16.0.0-canary.8 (Turbopack)
```

i am running this on my windows machine
here is a recording --

https://github.com/user-attachments/assets/2bfa89bc-7e03-4be3-becf-0ab3e0d68e14