Carousel component in AEM SPA react

[kuraniayushi]

I am working on AEM SPA with below react version and dependences. I have a requirement of extending carousel component. 

I can open and drop components and edit them. But in the toolbar I cannot see select panel option that we see in core compoent, Can someone help me how I can get that ?

"react": "^18.2.0", 

"@adobe/aem-react-editable-components": "^2.1.1",
"@adobe/aem-spa-page-model-manager": "^1.4.4",

[TarunKumar]

HI @kuraniayushi ,

Here are few things to consider:-

1. Can you see the select panel when you remove your React code and add it in a standard way? It's possible that your React code is conflicting with the AEM code. If the select panel only disappears when using React, compare the HTML DOM structure of the standard AEM component with the React component.

2. If you've extended it from a core component, check whether the select panel is visible in the core component.

3. Compare with Working Components:

   If other core components with panel selectors are functioning correctly, compare their configurations and client library inclusions with those of your problematic component.

Hope it helps!

-Tarun

[kuraniayushi]

@TarunKumar 

It is not possible to use react carousel until i register it in react and add in import-component.tsx.

Can you provide more clarification or any example if you have implemented. 

[kautuk_sahni]

@kuraniayushi just checking in! Were you able to get this resolved? If one of the replies above helped—whether it completely solved the issue or simply pointed you in the right direction—marking it as accepted can make it much easier for others with the same question to find a solution. And if you found a different way to fix it, sharing your approach would be a great contribution to the community. Your follow-up not only helps close the loop but also ensures others benefit from your experience. Thanks so much for being part of the conversation!