{"ScriptPreparationCode":"function Warmup(props) {\r\n return React.createElement(\u0027button\u0027, {\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\n\r\nfunction ComponentWithInlineFunction(props) {\r\n const onClick1 = evt =\u003E props.a;\r\n return React.createElement(\u0027button\u0027, {\r\n onClick1,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithInlineFunctionMultiple(props) {\r\n const onClick1 = evt =\u003E props.a;\r\n const onClick2 = evt =\u003E props.a;\r\n const onClick3 = evt =\u003E props.a;\r\n const onClick4 = evt =\u003E props.a;\r\n const onClick5 = evt =\u003E props.a;\r\n const onClick6 = evt =\u003E props.a;\r\n const onClick7 = evt =\u003E props.a;\r\n const onClick8 = evt =\u003E props.a;\r\n return React.createElement(\u0027button\u0027, {\r\n onClick1,\r\n onClick2,\r\n onClick3,\r\n onClick4,\r\n onClick5, \r\n onClick6,\r\n onClick7,\r\n onClick8,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallback(props) {\r\n const onClick1 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick1,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallbackMultiple(props) {\r\n const onClick1 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick2 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick3 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick4 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick5 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick6 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick7 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n const onClick8 = React.useCallback(evt =\u003E props.a, [props.a]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick1,\r\n onClick2,\r\n onClick3,\r\n onClick4,\r\n onClick5, \r\n onClick6,\r\n onClick7,\r\n onClick8,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallbackWithMultipleObservable(props) {\r\n const onClick1 = React.useCallback(evt =\u003E props.a, [\r\n props.a, \r\n props.b, \r\n props.c, \r\n props.d, \r\n props.e, \r\n props.f, \r\n props.g, \r\n props.h, \r\n props.i,\r\n ]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick1,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseMemo(props) {\r\n const value = React.useMemo(() =\u003E props.a, [props.a]);\r\n return React.createElement(\u0027button\u0027, {\r\n value,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseState(props) {\r\n const [state1] = React.useState(props.a);\r\n return React.createElement(\u0027button\u0027, {\r\n\tstate1,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\nfunction ComponentWithUseStateMultiple(props) {\r\n const [state1] = React.useState(props.a);\r\n const [state2] = React.useState(props.a);\r\n const [state3] = React.useState(props.a);\r\n const [state4] = React.useState(props.a);\r\n const [state5] = React.useState(props.a);\r\n const [state6] = React.useState(props.a);\r\n const [state7] = React.useState(props.a);\r\n const [state8] = React.useState(props.a);\r\n return React.createElement(\u0027button\u0027, {\r\n\tstate1,\r\n\tstate2,\r\n\tstate3,\r\n\tstate4,\r\n\tstate5,\r\n\tstate6,\r\n\tstate7,\r\n\tstate8,\r\n }, \u0027Click me!\u0027);\r\n}\r\n\r\n","TestCases":[{"Name":"Warpmup","Code":"ReactDOM.render(React.createElement(Warmup), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithInlineFunction","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallback), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithInlineFunctionMultiple","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunctionMultiple), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunction), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseCallbackMultiple","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallbackMultiple), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseCallbackWithMultipleObservable","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallbackWithMultipleObservable), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseMemo","Code":"ReactDOM.render(React.createElement(ComponentWithUseMemo), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseState","Code":"ReactDOM.render(React.createElement(ComponentWithUseState), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseStateMultiple","Code":"ReactDOM.render(React.createElement(ComponentWithUseStateMultiple), document.getElementById(\u0027root\u0027))","IsDeferred":false}]}