{"expireTime":9007200821600205000,"key":"gatsby-plugin-mdx-entire-payload-c27a44a074d4d84063a4775addff5bf3-","val":{"mdast":{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"The useRemove hook provides a way to remove entities from state.","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":65,"offset":65},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":65,"offset":65},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"It returns a functon that when invoked with a name and id will remove that entity from all responses.","position":{"start":{"line":4,"column":1,"offset":67},"end":{"line":4,"column":102,"offset":168},"indent":[]}}],"position":{"start":{"line":4,"column":1,"offset":67},"end":{"line":4,"column":102,"offset":168},"indent":[]}},{"type":"code","lang":"flow","meta":null,"value":"useRemove(): (name: string, id: string) => void","position":{"start":{"line":6,"column":1,"offset":170},"end":{"line":8,"column":4,"offset":229},"indent":[1,1]}},{"type":"heading","depth":2,"children":[{"type":"text","value":"Examples","position":{"start":{"line":10,"column":4,"offset":234},"end":{"line":10,"column":12,"offset":242},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":231},"end":{"line":10,"column":12,"offset":242},"indent":[]}},{"type":"code","lang":"jsx","meta":null,"value":"import api from './api';\n\nexport default function RemovePet({id}) {\n    const onRemove = api.useRemove();\n    return <button onClick={() => onRemove({id})}>Remove {id}</button>\n}","position":{"start":{"line":12,"column":1,"offset":244},"end":{"line":19,"column":4,"offset":433},"indent":[1,1,1,1,1,1,1]}},{"type":"export","value":"export const _frontmatter = {\"title\":\"useRemove\",\"group\":\"React Enty\"}","position":{"start":{"line":22,"column":1,"offset":436},"end":{"line":22,"column":71,"offset":506},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":22,"column":71,"offset":506}}},"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\": \"useRemove\",\n  \"group\": \"React Enty\"\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(\"p\", null, \"The useRemove hook provides a way to remove entities from state.\"), mdx(\"p\", null, \"It returns a functon that when invoked with a name and id will remove that entity from all responses.\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-flow\"\n  }), \"useRemove(): (name: string, id: string) => void\\n\")), mdx(\"h2\", null, \"Examples\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\"\n  }), \"import api from './api';\\n\\nexport default function RemovePet({id}) {\\n    const onRemove = api.useRemove();\\n    return <button onClick={() => onRemove({id})}>Remove {id}</button>\\n}\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawMDXOutput":"/* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\n\nexport const _frontmatter = {\n  \"title\": \"useRemove\",\n  \"group\": \"React Enty\"\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    <p>{`The useRemove hook provides a way to remove entities from state.`}</p>\n    <p>{`It returns a functon that when invoked with a name and id will remove that entity from all responses.`}</p>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-flow\"\n      }}>{`useRemove(): (name: string, id: string) => void\n`}</code></pre>\n    <h2>{`Examples`}</h2>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\"\n      }}>{`import api from './api';\n\nexport default function RemovePet({id}) {\n    const onRemove = api.useRemove();\n    return <button onClick={() => onRemove({id})}>Remove {id}</button>\n}\n`}</code></pre>\n\n    </MDXLayout>;\n}\n\n;\nMDXContent.isMDXComponent = true;"}}