{"ScriptPreparationCode":"function ComponentWithUseCallback() {\r\n const a = { x: \u0022first\u0022, y: () =\u003E {}, navigator: { data: \u0022first\u0022 } };\r\n const b = { x: \u0022second\u0022, y: () =\u003E {}, navigator: { data: \u0022second\u0022 } };\r\n const c = { x: \u0022third\u0022, y: () =\u003E {}, navigator: { data: \u0022third\u0022 } };\r\n const d = { x: \u0022forth\u0022, y: () =\u003E {}, navigator: { data: \u0022forth\u0022 } };\r\n const e = { x: \u0022fifth\u0022, y: () =\u003E {}, navigator: { data: \u0022fifth\u0022 } };\r\n const f = { x: \u0022sixth\u0022, y: () =\u003E {}, navigator: { data: \u0022sixth\u0022 } };\r\n const g = { x: \u0022seventh\u0022, y: () =\u003E {}, navigator: { data: \u0022seventh\u0022 } };\r\n const h = { x: \u0022eight\u0022, y: () =\u003E {}, navigator: { data: \u0022eight\u0022 } };\r\n const i = { x: \u0022nine\u0022, y: () =\u003E {}, navigator: { data: \u0022nine\u0022 } };\r\n const j = { x: \u0022ten\u0022, y: () =\u003E {}, navigator: { data: \u0022ten\u0022 } };\r\n\r\n const testFunction = React.useCallback(evt =\u003E {\r\n evt.preventDefault();\r\n console.log(a,b,c,d,e,f,g,h,i,j);\r\n }, [a,b,c,d,e,f,g,h,i,j]);\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithArrowFunction() {\r\n const a = { x: \u0022first\u0022, y: () =\u003E {}, navigator: { data: \u0022first\u0022 } };\r\n const b = { x: \u0022second\u0022, y: () =\u003E {}, navigator: { data: \u0022second\u0022 } };\r\n const c = { x: \u0022third\u0022, y: () =\u003E {}, navigator: { data: \u0022third\u0022 } };\r\n const d = { x: \u0022forth\u0022, y: () =\u003E {}, navigator: { data: \u0022forth\u0022 } };\r\n const e = { x: \u0022fifth\u0022, y: () =\u003E {}, navigator: { data: \u0022fifth\u0022 } };\r\n const f = { x: \u0022sixth\u0022, y: () =\u003E {}, navigator: { data: \u0022sixth\u0022 } };\r\n const g = { x: \u0022seventh\u0022, y: () =\u003E {}, navigator: { data: \u0022seventh\u0022 } };\r\n const h = { x: \u0022eight\u0022, y: () =\u003E {}, navigator: { data: \u0022eight\u0022 } };\r\n const i = { x: \u0022nine\u0022, y: () =\u003E {}, navigator: { data: \u0022nine\u0022 } };\r\n const j = { x: \u0022ten\u0022, y: () =\u003E {}, navigator: { data: \u0022ten\u0022 } };\r\n\r\n const testFunction = (evt) =\u003E {\r\n evt.preventDefault();\r\n console.log(a,b,c,d,e,f,g,h,i,j);\r\n }\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n","TestCases":[{"Name":"ComponentWithUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallback), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithArrowFunction","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunction), document.getElementById(\u0027root\u0027))","IsDeferred":false}]}