Custom Tabs Component in AEM React SPA

[Leela-Pavan-Kumar]

I am able to render the OOTB Tabs Component in AEM React SPA with following code in ui.frontend file.

import {MapTo} from '@adobe/aem-react-editable-components';
import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';
MapTo('<project>/components/tabs')(TabsV1, {isEmpty: TabsV1IsEmptyFn});

 But Not able to render with proxy component which has following code

import {MapTo} from '@adobe/aem-react-editable-components';
import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';
MapTo('<project>/components/tabs2')(TabsV1, {isEmpty: TabsV1IsEmptyFn});

Any advise would be much appreciated.

[santhosh_kumark · Accepted solution]

Hi @Leela-Pavan-Kumar ,

Did you check the sling model exporter json working for resource type - 

<project>/components/tabs2

[gskittu]

Hi @Leela-Pavan-Kumar , Is your Issue resolved ? How did you implement this, Can you share the details here?

[treesafranco]

Hi @Leela-Pavan-Kumar , Can you share your solution here, please?