Tengo un proyecto React SPA AEM, cuando voy a crear un nuevo componente, no muestra el navegador del cliente. mi progreso actual es:

1. creó un componente de reacción como

 import React from 'react'; import { MapTo } from '@adobe/aem-react-editable-components'; import './Button.scss'; const RESOURCE_TYPE = 'abbve-spa-ous/components/content/button'; const ButtonConfig = { emptyLabel: 'Button', isEmpty: props => { return false; } }; const Button =props => { return ( <button>${props.text} Button text</button> ) } MapTo(RESOURCE_TYPE)(Button, ButtonConfig);

2. importarlo en import-components.js
3. actualizar datos simulados en una carpeta pública como esta:

 "button": { "id": "button-ergrt454", "text": "Button text", ":type": "abbvie-spa-ous/components/content/button" }

verifique la captura de pantalla: https://prnt.sc/vSMf4ObJQdY8 o visite el enlace: https://codesandbox.io/s/mock-data-aem-demo-component-xhscyg?file=/src/data.json

pero el problema es que no muestra en el navegador este cambio. ¿Cómo puedo superar este problema alguna idea o sugerencia por favor!

Gracias de antemano