{"ScriptPreparationCode":"function ChildComponent(props) {\r\n return React.createElement(\u0022div\u0022, props);\r\n}\r\n\r\nconst a = {\r\n a: \u0022hello\u0022,\r\n b: \u0022world\u0022\r\n}\r\n\r\n\r\nfunction UseMemoAlone(props) {\r\n const handler = React.useMemo(() =\u003E {\r\n return {\r\n ...a,\r\n c: \u0022!!\u0022\r\n }\r\n }, []);\r\n return React.createElement(ChildComponent, {\r\n className: handler.toString()\r\n });\r\n}\r\n\r\nfunction NoMemo(props) {\r\n const handler = {\r\n ...a,\r\n c: \u0022!!\u0022\r\n };\r\n return React.createElement(ChildComponent, {\r\n className: handler.toString()\r\n });\r\n}\r\n\r\nfunction UseRefAlone(props) {\r\n const handler = React.useRef({\r\n ...a,\r\n c: \u0022!!\u0022\r\n });\r\n return React.createElement(ChildComponent, {\r\n className: handler.current.toString()\r\n });\r\n}\r\n\r\nvar propCases = [{\r\n handler: function() {\r\n return Math.random();\r\n },\r\n wait: 100\r\n}, {\r\n handler: function() {\r\n return Math.random();\r\n },\r\n wait: 200\r\n}, {\r\n handler: function() {\r\n return Math.random();\r\n },\r\n wait: 300\r\n}];\r\npropCases.push(propCases[1]);","TestCases":[{"Name":"No useMemo","Code":"propCases.forEach((props) =\u003E {\r\n ReactDOM.render(React.createElement(NoMemo, props, null), root);\r\n});","IsDeferred":false},{"Name":"useMemo","Code":"propCases.forEach((props) =\u003E {\r\n ReactDOM.render(React.createElement(UseMemoAlone, props, null), root);\r\n});","IsDeferred":false},{"Name":"useRef","Code":"propCases.forEach((props) =\u003E {\r\n ReactDOM.render(React.createElement(UseRefAlone, props, null), root);\r\n});","IsDeferred":false}]}