{"expireTime":9007200821600204000,"key":"gatsby-plugin-mdx-entire-payload-ba733271198b3d3ab2117aac58ae166c-","val":{"mdast":{"type":"root","children":[{"type":"heading","depth":2,"children":[{"type":"text","value":"Installation","position":{"start":{"line":2,"column":4,"offset":4},"end":{"line":2,"column":16,"offset":16},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":16,"offset":16},"indent":[]}},{"type":"code","lang":null,"meta":null,"value":"yarn add react-enty","position":{"start":{"line":4,"column":1,"offset":18},"end":{"line":6,"column":4,"offset":45},"indent":[1,1]}},{"type":"paragraph","children":[{"type":"emphasis","children":[{"type":"text","value":"Note: the ","position":{"start":{"line":7,"column":2,"offset":47},"end":{"line":7,"column":12,"offset":57},"indent":[]}},{"type":"inlineCode","value":"enty","position":{"start":{"line":7,"column":12,"offset":57},"end":{"line":7,"column":18,"offset":63},"indent":[]}},{"type":"text","value":" package only contains the schemas. ","position":{"start":{"line":7,"column":18,"offset":63},"end":{"line":7,"column":54,"offset":99},"indent":[]}},{"type":"inlineCode","value":"react-enty","position":{"start":{"line":7,"column":54,"offset":99},"end":{"line":7,"column":66,"offset":111},"indent":[]}},{"type":"text","value":" contains the api, which lets you \nuse those schemas in a react project. React Enty depends on Enty, so you only need to add react \nenty to your project.","position":{"start":{"line":7,"column":66,"offset":111},"end":{"line":9,"column":22,"offset":264},"indent":[1,1]}}],"position":{"start":{"line":7,"column":1,"offset":46},"end":{"line":9,"column":23,"offset":265},"indent":[1,1]}}],"position":{"start":{"line":7,"column":1,"offset":46},"end":{"line":9,"column":23,"offset":265},"indent":[1,1]}},{"type":"heading","depth":2,"children":[{"type":"text","value":"Setup","position":{"start":{"line":11,"column":4,"offset":270},"end":{"line":11,"column":9,"offset":275},"indent":[]}}],"position":{"start":{"line":11,"column":1,"offset":267},"end":{"line":11,"column":9,"offset":275},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"When using Enty in a project there are two parts: The schema and the API.","position":{"start":{"line":13,"column":1,"offset":277},"end":{"line":13,"column":74,"offset":350},"indent":[]}}],"position":{"start":{"line":13,"column":1,"offset":277},"end":{"line":13,"column":74,"offset":350},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"text","value":"1. Schema","position":{"start":{"line":15,"column":5,"offset":356},"end":{"line":15,"column":14,"offset":365},"indent":[]}}],"position":{"start":{"line":15,"column":1,"offset":352},"end":{"line":15,"column":14,"offset":365},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"The first step in implementing Enty is to create your schema. This defines the relationships between\nyour entities.  In this example we'll say a user has a list of friends which are also users. ","position":{"start":{"line":16,"column":1,"offset":366},"end":{"line":17,"column":94,"offset":560},"indent":[1]}}],"position":{"start":{"line":16,"column":1,"offset":366},"end":{"line":17,"column":94,"offset":560},"indent":[1]}},{"type":"code","lang":"js","meta":null,"value":"// ApplicationSchema.js\nimport {ObjectSchema} from 'react-enty';\nimport {ArraySchema} from 'react-enty';\nimport {EntitySchema} from 'react-enty';\n\nvar user = new EntitySchema('user');\nvar userList = new ArraySchema(user);\n\nuser.shape = new ObjectSchema({\n    friendList: userList\n});\n\nexport default new ObjectSchema({\n   user,\n   userList\n});\n","position":{"start":{"line":19,"column":1,"offset":562},"end":{"line":37,"column":4,"offset":916},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Read more: ","position":{"start":{"line":38,"column":1,"offset":917},"end":{"line":38,"column":12,"offset":928},"indent":[]}},{"type":"linkReference","identifier":"schemas","label":"Schemas","referenceType":"shortcut","children":[{"type":"text","value":"Schemas","position":{"start":{"line":38,"column":13,"offset":929},"end":{"line":38,"column":20,"offset":936},"indent":[]}}],"position":{"start":{"line":38,"column":12,"offset":928},"end":{"line":38,"column":21,"offset":937},"indent":[]}}],"position":{"start":{"line":38,"column":1,"offset":917},"end":{"line":38,"column":21,"offset":937},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"text","value":"2. API","position":{"start":{"line":40,"column":5,"offset":943},"end":{"line":40,"column":11,"offset":949},"indent":[]}}],"position":{"start":{"line":40,"column":1,"offset":939},"end":{"line":40,"column":11,"offset":949},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"The second thing we need to do is to create an api from our schema. This will let us fetch some data.\nThe EntityApi takes a bunch of promise returning functions and turns them into hocs that fetch, normalize and then provide data to our application. ","position":{"start":{"line":41,"column":1,"offset":950},"end":{"line":42,"column":149,"offset":1200},"indent":[1]}}],"position":{"start":{"line":41,"column":1,"offset":950},"end":{"line":42,"column":149,"offset":1200},"indent":[1]}},{"type":"code","lang":"jsx","meta":null,"value":"// Api.js\nimport {EntityApi} from 'react-enty';\nimport ApplicationSchema from './ApplicationSchema';\n\nexport default EntityApi({\n    user: {\n        get: variables => request('/graphql', {query: UserQuery, variables}),\n        list: variables => request('/graphql', {query: UserListQuery, variables})\n    }\n}, ApplicationSchema);\n","position":{"start":{"line":44,"column":1,"offset":1202},"end":{"line":56,"column":4,"offset":1543},"indent":[1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Read more: ","position":{"start":{"line":57,"column":1,"offset":1544},"end":{"line":57,"column":12,"offset":1555},"indent":[]}},{"type":"linkReference","identifier":"api","label":"Api","referenceType":"shortcut","children":[{"type":"text","value":"Api","position":{"start":{"line":57,"column":13,"offset":1556},"end":{"line":57,"column":16,"offset":1559},"indent":[]}}],"position":{"start":{"line":57,"column":12,"offset":1555},"end":{"line":57,"column":17,"offset":1560},"indent":[]}}],"position":{"start":{"line":57,"column":1,"offset":1544},"end":{"line":57,"column":17,"offset":1560},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"text","value":"3. Connect to react","position":{"start":{"line":59,"column":5,"offset":1566},"end":{"line":59,"column":24,"offset":1585},"indent":[]}}],"position":{"start":{"line":59,"column":1,"offset":1562},"end":{"line":59,"column":24,"offset":1585},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Currently Enty uses redux to store it's data. The api we recently created exports a store that\nwe can dump into a redux provider. ","position":{"start":{"line":60,"column":1,"offset":1586},"end":{"line":61,"column":36,"offset":1716},"indent":[1]}}],"position":{"start":{"line":60,"column":1,"offset":1586},"end":{"line":61,"column":36,"offset":1716},"indent":[1]}},{"type":"code","lang":"jsx","meta":null,"value":"// index.js\nimport {React} from 'react';\nimport ReactDOM from 'react-dom';\nimport Api from './Api';\n\n\nReactDOM.render(\n    <Api.EntityProvider>\n        <App />\n    </Api.EntityProvider>,\n    document.getElementById('app'),\n);\n","position":{"start":{"line":63,"column":1,"offset":1718},"end":{"line":77,"column":4,"offset":1955},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"text","value":"4. Make a Request","position":{"start":{"line":80,"column":5,"offset":1962},"end":{"line":80,"column":22,"offset":1979},"indent":[]}}],"position":{"start":{"line":80,"column":1,"offset":1958},"end":{"line":80,"column":22,"offset":1979},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Now we can use one of the request hocs exported from our api to request data.","position":{"start":{"line":81,"column":1,"offset":1980},"end":{"line":81,"column":78,"offset":2057},"indent":[]}}],"position":{"start":{"line":81,"column":1,"offset":1980},"end":{"line":81,"column":78,"offset":2057},"indent":[]}},{"type":"code","lang":"jsx","meta":null,"value":"// UserAvatar.js\nimport React from 'react';\nimport Api from './Api';\nimport Spinner from './Spinner';\nimport Error from './Error';\n\nexport default function UserAvatar(props) {\n    const {id} = props;\n    const userMessage = Api.user.get.useRequest();\n\n    useEffect(() => {\n        userMessage.onRequest({id});\n    }, [id]);\n\n    return <LoadingBoundary fallback={Spinner} error={Error}>\n        {({user}) => <img src={user.avatar} />}\n    </LoadingBoundary>;\n}\n\n","position":{"start":{"line":83,"column":1,"offset":2059},"end":{"line":104,"column":4,"offset":2533},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Read more: ","position":{"start":{"line":106,"column":1,"offset":2535},"end":{"line":106,"column":12,"offset":2546},"indent":[]}},{"type":"linkReference","identifier":"requesthoc","label":"RequestHoc","referenceType":"shortcut","children":[{"type":"text","value":"RequestHoc","position":{"start":{"line":106,"column":13,"offset":2547},"end":{"line":106,"column":23,"offset":2557},"indent":[]}}],"position":{"start":{"line":106,"column":12,"offset":2546},"end":{"line":106,"column":24,"offset":2558},"indent":[]}},{"type":"text","value":", ","position":{"start":{"line":106,"column":24,"offset":2558},"end":{"line":106,"column":26,"offset":2560},"indent":[]}},{"type":"linkReference","identifier":"message","label":"Message","referenceType":"shortcut","children":[{"type":"text","value":"Message","position":{"start":{"line":106,"column":27,"offset":2561},"end":{"line":106,"column":34,"offset":2568},"indent":[]}}],"position":{"start":{"line":106,"column":26,"offset":2560},"end":{"line":106,"column":35,"offset":2569},"indent":[]}},{"type":"text","value":", ","position":{"start":{"line":106,"column":35,"offset":2569},"end":{"line":106,"column":37,"offset":2571},"indent":[]}},{"type":"linkReference","identifier":"requeststate","label":"RequestState","referenceType":"shortcut","children":[{"type":"text","value":"RequestState","position":{"start":{"line":106,"column":38,"offset":2572},"end":{"line":106,"column":50,"offset":2584},"indent":[]}}],"position":{"start":{"line":106,"column":37,"offset":2571},"end":{"line":106,"column":51,"offset":2585},"indent":[]}}],"position":{"start":{"line":106,"column":1,"offset":2535},"end":{"line":106,"column":51,"offset":2585},"indent":[]}},{"type":"definition","identifier":"schemas","label":"Schemas","title":null,"url":"/docs/schemas/entity-schema","position":{"start":{"line":108,"column":1,"offset":2587},"end":{"line":108,"column":39,"offset":2625},"indent":[]}},{"type":"definition","identifier":"api","label":"Api","title":null,"url":"/docs/api","position":{"start":{"line":109,"column":1,"offset":2626},"end":{"line":109,"column":17,"offset":2642},"indent":[]}},{"type":"definition","identifier":"requesthoc","label":"RequestHoc","title":null,"url":"/docs/data/RequestHoc","position":{"start":{"line":110,"column":1,"offset":2643},"end":{"line":110,"column":36,"offset":2678},"indent":[]}},{"type":"definition","identifier":"message","label":"Message","title":null,"url":"/docs/data/Message","position":{"start":{"line":111,"column":1,"offset":2679},"end":{"line":111,"column":30,"offset":2708},"indent":[]}},{"type":"definition","identifier":"requeststate","label":"RequestState","title":null,"url":"/docs/data/RequestState","position":{"start":{"line":112,"column":1,"offset":2709},"end":{"line":112,"column":40,"offset":2748},"indent":[]}},{"type":"export","value":"export const _frontmatter = {\"title\":\"Getting Started\",\"group\":\"Tutorials\"}","position":{"start":{"line":116,"column":1,"offset":2752},"end":{"line":116,"column":76,"offset":2827},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":116,"column":76,"offset":2827}}},"scopeImports":["import React from 'react'"],"scopeIdentifiers":["React"],"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Getting Started\",\n  \"group\": \"Tutorials\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"Installation\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"yarn add react-enty\\n\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Note: the \", mdx(\"inlineCode\", {\n    parentName: \"em\"\n  }, \"enty\"), \" package only contains the schemas. \", mdx(\"inlineCode\", {\n    parentName: \"em\"\n  }, \"react-enty\"), \" contains the api, which lets you\\nuse those schemas in a react project. React Enty depends on Enty, so you only need to add react\\nenty to your project.\")), mdx(\"h2\", null, \"Setup\"), mdx(\"p\", null, \"When using Enty in a project there are two parts: The schema and the API.\"), mdx(\"h3\", null, \"1. Schema\"), mdx(\"p\", null, \"The first step in implementing Enty is to create your schema. This defines the relationships between\\nyour entities.  In this example we'll say a user has a list of friends which are also users. \"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"// ApplicationSchema.js\\nimport {ObjectSchema} from 'react-enty';\\nimport {ArraySchema} from 'react-enty';\\nimport {EntitySchema} from 'react-enty';\\n\\nvar user = new EntitySchema('user');\\nvar userList = new ArraySchema(user);\\n\\nuser.shape = new ObjectSchema({\\n    friendList: userList\\n});\\n\\nexport default new ObjectSchema({\\n   user,\\n   userList\\n});\\n\\n\")), mdx(\"p\", null, \"Read more: \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/schemas/entity-schema\"\n  }), \"Schemas\")), mdx(\"h3\", null, \"2. API\"), mdx(\"p\", null, \"The second thing we need to do is to create an api from our schema. This will let us fetch some data.\\nThe EntityApi takes a bunch of promise returning functions and turns them into hocs that fetch, normalize and then provide data to our application. \"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\"\n  }), \"// Api.js\\nimport {EntityApi} from 'react-enty';\\nimport ApplicationSchema from './ApplicationSchema';\\n\\nexport default EntityApi({\\n    user: {\\n        get: variables => request('/graphql', {query: UserQuery, variables}),\\n        list: variables => request('/graphql', {query: UserListQuery, variables})\\n    }\\n}, ApplicationSchema);\\n\\n\")), mdx(\"p\", null, \"Read more: \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/api\"\n  }), \"Api\")), mdx(\"h3\", null, \"3. Connect to react\"), mdx(\"p\", null, \"Currently Enty uses redux to store it's data. The api we recently created exports a store that\\nwe can dump into a redux provider. \"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\"\n  }), \"// index.js\\nimport {React} from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Api from './Api';\\n\\n\\nReactDOM.render(\\n    <Api.EntityProvider>\\n        <App />\\n    </Api.EntityProvider>,\\n    document.getElementById('app'),\\n);\\n\\n\")), mdx(\"h3\", null, \"4. Make a Request\"), mdx(\"p\", null, \"Now we can use one of the request hocs exported from our api to request data.\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\"\n  }), \"// UserAvatar.js\\nimport React from 'react';\\nimport Api from './Api';\\nimport Spinner from './Spinner';\\nimport Error from './Error';\\n\\nexport default function UserAvatar(props) {\\n    const {id} = props;\\n    const userMessage = Api.user.get.useRequest();\\n\\n    useEffect(() => {\\n        userMessage.onRequest({id});\\n    }, [id]);\\n\\n    return <LoadingBoundary fallback={Spinner} error={Error}>\\n        {({user}) => <img src={user.avatar} />}\\n    </LoadingBoundary>;\\n}\\n\\n\\n\")), mdx(\"p\", null, \"Read more: \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/data/RequestHoc\"\n  }), \"RequestHoc\"), \", \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/data/Message\"\n  }), \"Message\"), \", \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/data/RequestState\"\n  }), \"RequestState\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawMDXOutput":"/* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\n\nexport const _frontmatter = {\n  \"title\": \"Getting Started\",\n  \"group\": \"Tutorials\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <h2>{`Installation`}</h2>\n    <pre><code parentName=\"pre\" {...{}}>{`yarn add react-enty\n`}</code></pre>\n    <p><em parentName=\"p\">{`Note: the `}<inlineCode parentName=\"em\">{`enty`}</inlineCode>{` package only contains the schemas. `}<inlineCode parentName=\"em\">{`react-enty`}</inlineCode>{` contains the api, which lets you\nuse those schemas in a react project. React Enty depends on Enty, so you only need to add react\nenty to your project.`}</em></p>\n    <h2>{`Setup`}</h2>\n    <p>{`When using Enty in a project there are two parts: The schema and the API.`}</p>\n    <h3>{`1. Schema`}</h3>\n    <p>{`The first step in implementing Enty is to create your schema. This defines the relationships between\nyour entities.  In this example we'll say a user has a list of friends which are also users. `}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-js\"\n      }}>{`// ApplicationSchema.js\nimport {ObjectSchema} from 'react-enty';\nimport {ArraySchema} from 'react-enty';\nimport {EntitySchema} from 'react-enty';\n\nvar user = new EntitySchema('user');\nvar userList = new ArraySchema(user);\n\nuser.shape = new ObjectSchema({\n    friendList: userList\n});\n\nexport default new ObjectSchema({\n   user,\n   userList\n});\n\n`}</code></pre>\n    <p>{`Read more: `}<a parentName=\"p\" {...{\n        \"href\": \"/docs/schemas/entity-schema\"\n      }}>{`Schemas`}</a></p>\n    <h3>{`2. API`}</h3>\n    <p>{`The second thing we need to do is to create an api from our schema. This will let us fetch some data.\nThe EntityApi takes a bunch of promise returning functions and turns them into hocs that fetch, normalize and then provide data to our application. `}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\"\n      }}>{`// Api.js\nimport {EntityApi} from 'react-enty';\nimport ApplicationSchema from './ApplicationSchema';\n\nexport default EntityApi({\n    user: {\n        get: variables => request('/graphql', {query: UserQuery, variables}),\n        list: variables => request('/graphql', {query: UserListQuery, variables})\n    }\n}, ApplicationSchema);\n\n`}</code></pre>\n    <p>{`Read more: `}<a parentName=\"p\" {...{\n        \"href\": \"/docs/api\"\n      }}>{`Api`}</a></p>\n    <h3>{`3. Connect to react`}</h3>\n    <p>{`Currently Enty uses redux to store it's data. The api we recently created exports a store that\nwe can dump into a redux provider. `}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\"\n      }}>{`// index.js\nimport {React} from 'react';\nimport ReactDOM from 'react-dom';\nimport Api from './Api';\n\n\nReactDOM.render(\n    <Api.EntityProvider>\n        <App />\n    </Api.EntityProvider>,\n    document.getElementById('app'),\n);\n\n`}</code></pre>\n    <h3>{`4. Make a Request`}</h3>\n    <p>{`Now we can use one of the request hocs exported from our api to request data.`}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\"\n      }}>{`// UserAvatar.js\nimport React from 'react';\nimport Api from './Api';\nimport Spinner from './Spinner';\nimport Error from './Error';\n\nexport default function UserAvatar(props) {\n    const {id} = props;\n    const userMessage = Api.user.get.useRequest();\n\n    useEffect(() => {\n        userMessage.onRequest({id});\n    }, [id]);\n\n    return <LoadingBoundary fallback={Spinner} error={Error}>\n        {({user}) => <img src={user.avatar} />}\n    </LoadingBoundary>;\n}\n\n\n`}</code></pre>\n    <p>{`Read more: `}<a parentName=\"p\" {...{\n        \"href\": \"/docs/data/RequestHoc\"\n      }}>{`RequestHoc`}</a>{`, `}<a parentName=\"p\" {...{\n        \"href\": \"/docs/data/Message\"\n      }}>{`Message`}</a>{`, `}<a parentName=\"p\" {...{\n        \"href\": \"/docs/data/RequestState\"\n      }}>{`RequestState`}</a></p>\n\n    </MDXLayout>;\n}\n\n;\nMDXContent.isMDXComponent = true;"}}