{"componentChunkName":"component---src-templates-codepen-example-js","path":"/redirect-to-codepen/introducing-jsx","result":{"pageContext":{"action":"https://codepen.io/pen/define","payload":"{\"editors\":\"0010\",\"html\":\"<div id=\\\"root\\\"></div>\",\"js\":\"function formatName(user) {\\n  return user.firstName + ' ' + user.lastName;\\n}\\n\\nconst user = {\\n  firstName: 'Harper',\\n  lastName: 'Perez',\\n};\\n\\nconst element = <h1>Hello, {formatName(user)}!</h1>;\\n\\nReactDOM.render(element, document.getElementById('root'));\\n\",\"js_external\":\"//unpkg.com/react/umd/react.development.js;//unpkg.com/react-dom/umd/react-dom.development.js\",\"js_pre_processor\":\"babel\",\"layout\":\"left\"}"}},"staticQueryHashes":[]}