{"componentChunkName":"component---src-templates-post-js","path":"/blog/2019/10/18/preventing-multiple-observables-from-firing-from-redux-observable/","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://sung.codes"}},"mdx":{"id":"24fe66eb-b472-5aa0-a3ee-c1e6550c94ed","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/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Preventing multiple observables from firing from Redux-Observable\",\n  \"date\": \"2019-10-18\",\n  \"banner\": \"./images/featured-image.jpg\",\n  \"published_at\": \"\",\n  \"tags\": \"blogentry, javascript, selfnote, todayilearned\",\n  \"author\": \"Sung M. Kim\"\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, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Image by\"), \" \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://pixabay.com/users/Brett_Hondow-49958/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1205609\"\n  }), mdx(\"em\", {\n    parentName: \"a\"\n  }, \"Brett Hondow\")), \" \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"from\"), \" \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1205609\"\n  }), mdx(\"em\", {\n    parentName: \"a\"\n  }, \"Pixabay\"))), mdx(\"p\", null, \"I've recently finished a basic course on RxJS. The main reason was to use \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://redux-observable.js.org/\"\n  }), \"Redux-Observable\"), \" after watching this video, \\\"\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.youtube.com/watch?v=AslncyG8whg\"\n  }), \"Netflix JavaScript Talks - RxJS + Redux + React = Amazing!\"), \"\\\" referred to by \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://twitter.com/nicolasmarcora\"\n  }), \"Nicolas Marcora\"), \".\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://redux-observable.js.org/docs/basics/Epics.html#a-basic-example\"\n  }), \"A basic example\"), \" shows how to do \\\"ping/pong\\\", which was simple to implement.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"But the problem is that, when you ping more than once, multiple observables are created.\"), mdx(\"p\", null, \"After hours of struggle, I asked on the official Gitter page for Redux-Observable.\"), mdx(\"p\", null, \"I will share what's done in public (\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.swyx.io/writing/learn-in-public/\"\n  }), \"Learn in Public\"), \") as the Gitter conversation is private.\"), mdx(\"h2\", null, \"Error Demo\"), mdx(\"p\", null, \"Below shows multiple \\\"ping/pong\\\" actions being dispatched as you click on \\\"PING\\\" button.\"), mdx(\"p\", null, mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://i2.wp.com/www.slightedgecoder.com/wp-content/uploads/2019/10/01-multiple-observables-dispatched.gif?fit=1024%2C999&ssl=1\",\n    \"alt\": null\n  }))), mdx(\"p\", null, \"The code that generated the mess above is shown below.\"), mdx(\"p\", null, mdx(\"div\", _extends({\n    parentName: \"p\"\n  }, {\n    \"id\": \"gist98955499\",\n    \"className\": \"gist\"\n  }), \"\\n    \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-file\"\n  }), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-data\"\n  }), \"\\n        \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"js-gist-file-update-container js-task-list-container file-box\"\n  }), \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"id\": \"file-ping-ts\",\n    \"className\": \"file my-2\"\n  }), \"\\n    \\n\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"itemProp\": \"text\",\n    \"className\": \"Box-body p-0 blob-wrapper data type-typescript\"\n  }), \"\\n      \\n\", mdx(\"table\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"highlight tab-size js-file-line-container\",\n    \"data-tab-size\": \"8\",\n    \"data-paste-markdown-skip\": \"\"\n  }), \"\\n      \", mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L1\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"1\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC1\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"import\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"ofType\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"from\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"redux-observable\\\"\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L2\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"2\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC2\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"import\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"tap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"delay\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"from\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"rxjs/operators\\\"\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L3\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"3\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC3\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L4\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"4\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC4\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"PING\\\"\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L5\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"5\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC5\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PONG\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"PONG\\\"\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L6\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"6\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC6\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L7\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"7\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC7\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ping\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"type\"), \": \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L8\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"8\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC8\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pong\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"type\"), \": \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PONG\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L9\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"9\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC9\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L10\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"10\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC10\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L11\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"11\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC11\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L12\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"12\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC12\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L13\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"13\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC13\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"delay\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L14\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"14\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC14\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L15\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"15\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC15\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"tap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"info\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L16\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"16\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC16\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L17\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"17\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC17\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L18\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"18\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC18\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pongEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L19\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"19\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC19\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L20\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"20\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC20\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PONG\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L21\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"21\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC21\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"delay\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L22\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"22\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC22\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ping\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L23\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"23\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC23\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"tap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"info\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L24\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"24\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC24\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L25\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"25\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC25\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L26\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"26\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC26\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"default\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"function\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingReducer\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"state\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"isPinging\"), \": \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"false\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L27\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"27\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC27\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"switch\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"type\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L28\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"28\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC28\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"case\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"PING\\\"\"), \":\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L29\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"29\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC29\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"return\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"isPinging\"), \": \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"true\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L30\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"30\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC30\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"case\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"\\\"PONG\\\"\"), \":\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L31\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"31\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC31\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"return\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"isPinging\"), \": \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"false\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L32\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"32\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC32\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"default\"), \":\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L33\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"33\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC33\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"return\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"state\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L34\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"34\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC34\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-L35\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"35\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-ping-ts-LC35\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\")), \"\\n      \"))), \"\\n\\n\\n  \"), \"\\n\\n  \")), \"\\n\\n      \"), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-meta\"\n  }), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/dc5105212fb76aa64fb0c41cc3389eec/raw/2b7617bd52459e2beedb1817807fd867454dd87f/ping.ts\",\n    \"style\": {\n      \"cssFloat\": \"right\"\n    }\n  }), \"view raw\"), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/dc5105212fb76aa64fb0c41cc3389eec#file-ping-ts\"\n  }), \"ping.ts\"), \"\\n        hosted with \\u2764 by \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://github.com\"\n  }), \"GitHub\"), \"\\n      \"), \"\\n    \"))), mdx(\"a\", {\n    href: \"https://gist.github.com/dance2die/dc5105212fb76aa64fb0c41cc3389eec\"\n  }, \"View this gist on GitHub\"), mdx(\"p\", null, \"For being a new RxJS (, which is a prerequisite for \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"redux-observable\"), \") user, I couldn't figure it after hours of reading documentation and playing around.\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://kevinghadyani.info/\"\n  }), \"Kevin Ghadyani\"), \" generously spent time to review the code and provide a solution for the issue.\"), mdx(\"p\", null, mdx(\"div\", _extends({\n    parentName: \"p\"\n  }, {\n    \"id\": \"gist98955546\",\n    \"className\": \"gist\"\n  }), \"\\n    \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-file\"\n  }), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-data\"\n  }), \"\\n        \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"js-gist-file-update-container js-task-list-container file-box\"\n  }), \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"id\": \"file-pingepic-ts\",\n    \"className\": \"file my-2\"\n  }), \"\\n    \\n\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"itemProp\": \"text\",\n    \"className\": \"Box-body p-0 blob-wrapper data type-typescript\"\n  }), \"\\n      \\n\", mdx(\"table\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"highlight tab-size js-file-line-container\",\n    \"data-tab-size\": \"8\",\n    \"data-paste-markdown-skip\": \"\"\n  }), \"\\n      \", mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L1\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"1\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC1\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L2\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"2\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC2\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L3\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"3\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC3\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L4\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"4\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC4\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// 1\\uFE0F\\u20E3 from \\\"delay(1000)\\\" to \\uD83D\\uDC47\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L5\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"5\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC5\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"switchMap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"timer\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L6\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"6\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC6\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L7\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"7\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC7\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"tap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"info\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L8\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"8\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC8\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L9\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"9\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC9\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L10\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"10\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC10\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// 2\\uFE0F\\u20E3 pongEpic stays the same.\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L11\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"11\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC11\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pongEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L12\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"12\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC12\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L13\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"13\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC13\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PONG\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L14\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"14\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC14\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"delay\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L15\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"15\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC15\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ping\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L16\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"16\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC16\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"tap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"info\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-L17\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"17\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-pingepic-ts-LC17\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \";\")), \"\\n      \"))), \"\\n\\n\\n  \"), \"\\n\\n  \")), \"\\n\\n      \"), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-meta\"\n  }), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/236f83b3e9777089f51fdb88bee0a1a9/raw/7bcb7871b9eba8be1e4d38139517adc0b196a9f6/pingEpic.ts\",\n    \"style\": {\n      \"cssFloat\": \"right\"\n    }\n  }), \"view raw\"), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/236f83b3e9777089f51fdb88bee0a1a9#file-pingepic-ts\"\n  }), \"pingEpic.ts\"), \"\\n        hosted with \\u2764 by \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://github.com\"\n  }), \"GitHub\"), \"\\n      \"), \"\\n    \"))), mdx(\"a\", {\n    href: \"https://gist.github.com/dance2die/236f83b3e9777089f51fdb88bee0a1a9\"\n  }, \"View this gist on GitHub\"), mdx(\"p\", null, \"1\\uFE0F\\u20E3 uses \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://rxjs.dev/api/operators/switchMap\"\n  }), \"switchMap\"), \", which implicitly cancels previous observable. So when \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"PING\"), \" button is clicked while the \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"PING\"), \" action is already dispatched, previous timer observable is canceled and a new one is started.\"), mdx(\"p\", null, \"Kevin's forked Sandbox shows the fix.\"), mdx(\"p\", null, mdx(\"iframe\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"https://codesandbox.io/embed/basic-example-kgq57\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"500px\",\n      \"border\": \"0\",\n      \"borderRadius\": \"4px\",\n      \"overflow\": \"hidden\"\n    },\n    \"allow\": \"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb\",\n    \"sandbox\": \"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n  }))), mdx(\"p\", null, \"Kevin also shows how to accomplish the same task using \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://rxjs.dev/api/operators/takeUntil\"\n  }), \"takeUntil\"), \".\"), mdx(\"p\", null, mdx(\"div\", _extends({\n    parentName: \"p\"\n  }, {\n    \"id\": \"gist98955630\",\n    \"className\": \"gist\"\n  }), \"\\n    \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-file\"\n  }), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-data\"\n  }), \"\\n        \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"js-gist-file-update-container js-task-list-container file-box\"\n  }), \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts\",\n    \"className\": \"file my-2\"\n  }), \"\\n    \\n\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"itemProp\": \"text\",\n    \"className\": \"Box-body p-0 blob-wrapper data type-typescript\"\n  }), \"\\n      \\n\", mdx(\"table\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"highlight tab-size js-file-line-container\",\n    \"data-tab-size\": \"8\",\n    \"data-paste-markdown-skip\": \"\"\n  }), \"\\n      \", mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L1\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"1\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC1\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// Original code\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L2\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"2\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC2\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L3\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"3\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC3\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L4\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"4\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC4\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L5\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"5\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC5\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L6\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"6\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC6\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L7\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"7\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC7\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L8\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"8\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC8\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"delay\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L9\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"9\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC9\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"map\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L10\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"10\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC10\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L11\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"11\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC11\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L12\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"12\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC12\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L13\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"13\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC13\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// Accepted solution.\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L14\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"14\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC14\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L15\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"15\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC15\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L16\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"16\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC16\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L17\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"17\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC17\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L18\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"18\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC18\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L19\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"19\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC19\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L20\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"20\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC20\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"switchMap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L21\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"21\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC21\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"timer\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L22\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"22\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC22\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L23\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"23\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC23\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"map\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L24\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"24\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC24\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L25\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"25\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC25\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L26\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"26\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC26\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L27\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"27\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC27\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// This kills the entire observable when another PING comes in. Not what you want.\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L28\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"28\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC28\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L29\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"29\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC29\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L30\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"30\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC30\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L31\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"31\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC31\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L32\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"32\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC32\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L33\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"33\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC33\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L34\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"34\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC34\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"takeUntil\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L35\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"35\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC35\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L36\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"36\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC36\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L37\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"37\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC37\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L38\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"38\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC38\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L39\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"39\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC39\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L40\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"40\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC40\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"delay\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L41\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"41\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC41\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"map\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L42\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"42\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC42\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L43\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"43\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC43\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L44\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"44\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC44\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L45\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"45\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC45\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// Instead of using `switchMap`, you could use `takeUntil` and `mergeMap` just fine.\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L46\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"46\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC46\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L47\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"47\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC47\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L48\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"48\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC48\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L49\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"49\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC49\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L50\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"50\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC50\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L51\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"51\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC51\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L52\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"52\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC52\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mergeMap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L53\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"53\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC53\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"timer\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L54\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"54\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC54\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L55\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"55\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC55\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"takeUntil\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L56\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"56\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC56\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L57\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"57\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC57\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L58\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"58\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC58\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"            \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L59\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"59\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC59\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L60\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"60\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC60\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L61\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"61\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC61\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L62\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"62\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC62\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L63\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"63\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC63\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"map\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L64\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"64\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC64\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L65\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"65\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC65\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L66\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"66\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC66\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  })), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L67\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"67\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC67\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// I use namespaces often for reusable epics and reducers (https://itnext.io/the-secret-to-using-redux-createnamespacereducer-d3fed2ccca4a)\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L68\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"68\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC68\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"// They comes in handy when you're using one epic for multiple uses.\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L69\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"69\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC69\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"const\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pingEpic\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L70\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"70\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC70\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L71\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"71\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC71\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L72\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"72\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC72\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L73\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"73\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC73\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L74\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"74\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC74\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"CREATE_PING_LISTENER\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L75\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"75\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC75\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"mergeMap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L76\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"76\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC76\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      namespace\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L77\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"77\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC77\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L78\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"78\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC78\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L79\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"79\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC79\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L80\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"80\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC80\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"PING\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L81\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"81\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC81\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofNamespace\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"namespace\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L82\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"82\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC82\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"takeUntil\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L83\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"83\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC83\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"action$\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L84\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"84\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC84\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"pipe\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L85\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"85\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC85\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"            \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"ofType\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"STOP_PING_LISTENER\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L86\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"86\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC86\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L87\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"87\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC87\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L88\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"88\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC88\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"switchMap\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"=>\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L89\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"89\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC89\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"          \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"timer\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"1000\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L90\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"90\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC90\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L91\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"91\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC91\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"mapTo\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"{\"), \" namespace \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L92\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"92\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC92\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-en\"\n  }), \"map\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s1\"\n  }), \"pong\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L93\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"93\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC93\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \",\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L94\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"94\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC94\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-L95\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"95\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-implementation-using-takeuntil-ts-LC95\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-kos\"\n  }), \")\")), \"\\n      \"))), \"\\n\\n\\n  \"), \"\\n\\n  \")), \"\\n\\n      \"), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-meta\"\n  }), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/3eecf3ac350c6470ab64078bb6b1e783/raw/446e550add6e37e07f39c7057ee6696776f53a1d/Implementation%20using%20%22takeUntil%22.ts\",\n    \"style\": {\n      \"cssFloat\": \"right\"\n    }\n  }), \"view raw\"), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/3eecf3ac350c6470ab64078bb6b1e783#file-implementation-using-takeuntil-ts\"\n  }), \"Implementation using \\\"takeUntil\\\".ts\"), \"\\n        hosted with \\u2764 by \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://github.com\"\n  }), \"GitHub\"), \"\\n      \"), \"\\n    \"))), mdx(\"a\", {\n    href: \"https://gist.github.com/dance2die/3eecf3ac350c6470ab64078bb6b1e783\"\n  }, \"View this gist on GitHub\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Preventing multiple observables from firing from Redux-Observable","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='202'%20viewBox='0%200%20400%20202'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%201l4%201c5%200%206%201%206%205H6L2%206%201%204c-1%200-1%207%201%2011l-1%201-1%201%201%201h1l1%204-1%202-2%201%202%201c3%200%203%206%200%206-2%200-2%200%200%201l3%203c1%202%201%202%201%200%200-3%200-3%205-3%204%200%204%200%204%203s0%203-6%203H2c-1%200-2%2010-2%2082v81h401v-84l-1-84h-14c-6-1-7-1-3-1h7c3%200%2012-1%2010-2V14l1-14h-23l-23%201h-1a970%20970%200%2000-113%200h-1l-2%202c-1%200-2%200-1-1l-1-1-1%201c0%202-3%201-3-1h-1c0%203-3%203-3%200h-1c0%202-3%203-3%201l-1-2-1%201-1%203-1-2c0-2-1-2-23-2-12%200-22%200-21%201v4l-40%201a2587%202587%200%2000-61-1c-1-2-1-2-1%200%200%201-1%202-17%202-17%200-17%200-17-2l-1-2v2c0%202-1%202-4%202-4%200-5-1-5-5%200-2%208-1%208%200h1c0-2%209-1%209%201h1c0-2%202-2%2024-2%2025%200%2025%200%2025%202l1%203V1h37a679%20679%200%2000-49-1L0%201m158%206c-9%200-10%200-10%202s1%202%2014%202c14%200%2015-1%2015-3s0-2-4-2l-15%201M99%209c0%202%200%202-1%201%200-1-1-2-3-2s-3%201-3%202h-1c0-3-7-3-7%200l-1%203v-3c0-2%200-2-12-2H59v3l-1%203v-3c0-3%200-3-4-3l-4%201H12l1%203v3h24l27-1c2%200%203-1%203-3l1-2v5l11-1a797%20797%200%200034-3c0-4-14-4-14-1m15%201v2h25c0%201-18%202-28%201-3%200-3%200-3%203v3h10c22-2%2032-2%2032-1l-10%201a707%20707%200%2000-46%204c-1%202-1%202-1%200s0-2-4-2l-8%201c-3%200-3%200-3%203s0%203%202%203l3-1%202-2c1-2%201-2%201%200v2h10a1491%201491%200%200138-3l2-2c1-2%201-2%201%200v2h15l15-2h5l5-1%201-2%201%201c-1%201%200%201%203%201l1-2-16-1a884%20884%200%200010-4c0-2%200-2-19-2h-18l4-1c2%200%203%200%203-2s-1-2-16-2h-17v3m136-1l-9%201h-1l-12%201h-1l-1-1-2%201-1%201v-1l-7-1c-4%200-6%201-6%202l-1%201-1-1-1-1-2%202c0%202%2012%201%2013-1h1c0%202%2011%202%2012%200h1l2%201%201-1%201-1%201%201v1l2-1h1c2%201%2015%200%2014-1h5c1-2-1-3-9-2M89%2015H60v6l-1-3c-1-2-1-2-9-2l-8%201-1%201-4-1H14v3c0%203%200%203%204%203%205%200%205%200%205-3l1-2v5h8a1647%201647%200%200171-4c4%200%204%200%204-2%200-3%200-3-3-3l-4%201h-1c0-2-6-1-6%201l-1%203v-3c0-2-2-3-3-1m-51%209c-4%200-4%200-4%203v2l-1-2c0-3%200-3-4-3s-4%200-4%203v3h13l14-1v-3l1-2v2c0%203%200%203%204%203%203%200%203%200%203-3v-3h-8c-7%200-8%201-9%202%200%202%200%202-1%201%200-2-1-2-4-2m131%200h-13a944%20944%200%2000-66%204%20374%20374%200%2000-46%203h-9v3c0%202%200%202-1%200%200-2-1-2-4-2-5%200-5%200-4%203v3h7l9-1c1%200%202-1%202-3l1-2v2c0%203%200%203%204%203l8-1c3%200%204%200%204-3l1-2v2c0%203%200%203%202%203%202-1%2013-2%2027-2%2021-2%2025-2%2025-4%201-2%201-2%201%200s0%202%205%202l6-1%202-2h1c0%202%201%202%204%202l9-1c4%200%205%200%205-2l1-2v2c0%202%200%202%202%202l12-1c16-1%2019-2%2019-4s-1-2-7-2l-7%201m119%2041l3%201%209%201a467%20467%200%200047%209%201611%201611%200%2000-59-11m-29%2012c-17%202-24%208-20%2015%203%204%206%206%2017%209l11%203-1%203%201%203%201%201v2c1%201%202-1%202-5%200-5%201-3%201%203%200%202%200%204%201%203%200-1%202-1%202%201l2%201c3%200%203-4-1-4-2%200-2%200%201-1l4-3%203-1%2010%201%208%201c0%202%202%200%202-3l1-3%2018%201c19%200%2024%200%2033-4%2011-4-4-15-28-20l-10-2c-5-1-50-2-58-1m-88%2027c-16%201-30%206-33%2011l-16%2018c-6%206-7%208-6%2012%202%205%207%2011%2011%2013l6%203%205%201%204%202%206%201%206%201%2020%202h34c40%201%2068-5%2079-17%204-3%204-3%204-1l1%202v-8c0-12-7-22-18-24-3-1-7-2-9-4-11-8-59-15-94-12m153%2012c-2%202%207%208%2013%208%208%201%208%201%204-3-6-5-16-8-17-5'%20fill='%23FFC600'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.9753086419753085,"src":"/static/ff49544bed7e6fc2df15754f99c14e17/f422e/featured-image.jpg","srcSet":"/static/ff49544bed7e6fc2df15754f99c14e17/e75b5/featured-image.jpg 160w,\n/static/ff49544bed7e6fc2df15754f99c14e17/c01e2/featured-image.jpg 320w,\n/static/ff49544bed7e6fc2df15754f99c14e17/f422e/featured-image.jpg 640w,\n/static/ff49544bed7e6fc2df15754f99c14e17/a6352/featured-image.jpg 960w,\n/static/ff49544bed7e6fc2df15754f99c14e17/ec6c5/featured-image.jpg 1280w","srcWebp":"/static/ff49544bed7e6fc2df15754f99c14e17/991d2/featured-image.webp","srcSetWebp":"/static/ff49544bed7e6fc2df15754f99c14e17/578e8/featured-image.webp 160w,\n/static/ff49544bed7e6fc2df15754f99c14e17/8dbf3/featured-image.webp 320w,\n/static/ff49544bed7e6fc2df15754f99c14e17/991d2/featured-image.webp 640w,\n/static/ff49544bed7e6fc2df15754f99c14e17/1fb14/featured-image.webp 960w,\n/static/ff49544bed7e6fc2df15754f99c14e17/135cd/featured-image.webp 1280w","sizes":"(max-width: 640px) 100vw, 640px"}}}},"excerpt":"Image by   Brett Hondow   from   Pixabay I've recently finished a basic course on RxJS. The main reason was to use  Redux-Observable  after…","fields":{"year":"2019","slug":"/blog/2019/10/18/preventing-multiple-observables-from-firing-from-redux-observable/"}}},"pageContext":{"id":"24fe66eb-b472-5aa0-a3ee-c1e6550c94ed"}},"staticQueryHashes":["398935099"]}