I am trying to create the first react component in my local and did the set up as per the weekend tutorial available.
When first time I run the app, all the changes were coming fine on the aem as well as react app (localhost:4502 and localhost:3000). When i created the new component in react and mapped it to newly created component in ui apps, and deployed the same in my local, I can see the component in react app but same component is not coming up in aem.
I have created aem component in ui apps with basic dialog fields.
I have created the sling model and exported the same using Jackson exporter
I have created the react component and mapped the same to aem component.
I have added the component mapping in import-components.js
I have deployed the code in my local instance
As soon as deployment is completed, I am able to see new component in the side rail. but when I am dragging and dropping the component on page, I am not seeing the component in aem page.
Could you please let know if your new component changes reflects in clientlib-react.js(Entire react side changes are compiled and available via this JS and added to spa project specific clientlib) when accessing from author/editor mode instance(Suggest to check the file from being in Network -> Filter request by JS -> access that file in new browser tab) before you could trigger rebuild clientlibs.