{"componentChunkName":"component---src-templates-codepen-example-js","path":"/redirect-to-codepen/components-and-props/composing-components","result":{"pageContext":{"action":"https://codepen.io/pen/define","payload":"{\"editors\":\"0010\",\"html\":\"<div id=\\\"root\\\"></div>\",\"js\":\"function Welcome(props) {\\n  return <h1>Hello, {props.name}</h1>;\\n}\\n\\nfunction App() {\\n  return (\\n    <div>\\n      <Welcome name=\\\"Sara\\\" />\\n      <Welcome name=\\\"Cahal\\\" />\\n      <Welcome name=\\\"Edite\\\" />\\n    </div>\\n  );\\n}\\n\\nReactDOM.render(<App />, 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":[]}