AEM SPA react - Minified React error

[sdk60873563]

Hi All,

I have setup the new aem spa project(react+aemacs) using latest archetype 48. Whenever I try to access sample page created out of archetype, I get following error and hence complete page is blank.

console Error:

clientlib-react.lc-f4570aa4cd86ef1726795b9da632b102-lc.min.js:4 Uncaught (in promise) Error: Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at t.render (clientlib-react.lc-f4570aa4cd86ef1726795b9da632b102-lc.min.js:4:333626)
at clientlib-react.lc-f4570aa4cd86ef1726795b9da632b102-lc.min.js:6:4176

Do you have any idea how to resolve this? I tried changing the archetype/ node version, it did not help.

Thank you in advance.

[kautuk_sahni]

@konstantyn_diachenko @Mahedi_Sabuj @Madhur-Madan @gkalyan Curious to hear your perspectives on this question. Do you all mind sharing your thoughts?

[konstantyn_diachenko]

Hi @sdk60873563, try to check answers here: https://stackoverflow.com/questions/64097973/uncaught-error-minified-react-error-200 

[Mahedi_Sabuj · Accepted solution]

Can you share ui.frontend/src/index.js here?

Additionally, include the jsProcessor to the aem-clientlib-generator config in ui.frontend/clientlib.config.js file.

jsProcessor: ['min:gcc;languageIn=ECMASCRIPT_NEXT']

[kautuk_sahni]

@sdk60873563 Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!