Scenario : I am passing a huge chunk of data using "data-props" property to a react component. the json data passed to the component consists of 1000+ lines of code. Eg : <div data-component="myComponent" class='react-mini-app' data-application-name='AppName' data-props={ "key1": "${properties.value3 @CONTEXT="attribute"}", "key2": "${properties.value2 @CONTEXT="attribute"}", . . . "key999": "${properties.value999 @CONTEXT="attribute"}", "key1000": "${properties.value1000 @CONTEXT="attribute"}" } </div> there are 1000+ such key and value pair passed to the component in .html
When I try to load the page where the component is authored, it gives me the following error :
Please check how you are passing these to the page. Most likely the issue is somewhere in your code. Rendering large json strings in Sightly does not cause stackoverflow's normally.