{"componentChunkName":"component---src-templates-doc-tsx","path":"/product/sentry-basics/guides/integrate-frontend/generate-first-error/","result":{"data":{"file":{"id":"7bcb25ff-3da9-53e6-b7d7-ea5ea880dd50","relativePath":"product/sentry-basics/guides/integrate-frontend/generate-first-error.mdx","sourceInstanceName":"docs","childMarkdownRemark":null,"childMdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Capture Your First Error\",\n  \"redirect_from\": [\"/guides/integrate-frontend/generate-first-error/\"]\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Note = makeShortcode(\"Note\");\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, \"Now that the Demo App is up and running on your local environment integrated with the Sentry SDK, you're ready to generate the first error.\"), mdx(Note, {\n    mdxType: \"Note\"\n  }, mdx(\"markdown\", null, mdx(\"p\", null, \"If you're not using the provided React demo code, follow \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/platforms/javascript/\"\n  }), \"Capturing your first event\"), \" to introduce an error to your source code and continue with \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"#step-2-handle-the-error\"\n  }), \"Step 2\")))), mdx(\"h2\", {\n    \"id\": \"step-1-capture-your-first-event\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#step-1-capture-your-first-event\",\n    \"aria-label\": \"step 1 capture your first event permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Step 1: Capture your first event\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Launch the demo app by opening the \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"http://localhost:5000\"\n  }), \"localhost link\"), \" in your browser\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Open the browser's \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Console\"), \" to verify that an error has occurred\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"797px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/a013059ec2a59dc3d12be82818f23eb3/43fbc/generate-first-error-02.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"50.66666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAACJklEQVQoz2MoKq0oLKkoLq8sq6zOKyxOz87NLSjOLyrJLSyGoPzi0ryikpKKKmc3L21dEwtzKwszK3t7d2trZ4avXz59+vgeSL57+/bVm7ev33349+8/Gvjz+w+QrC6rV5HRMdax0VA0VJTQVJLSYth74vqqbUfnrd138vz1X+8fP756fP+2tXevnN8wa+K2xbO2L579+eOHv39B5lWW1MmJqxtqWWooGKjL66sr6DNUdC2MzmnwSW3umr780NZlk/o7929esnvtklgDuQQXs2QHw9dPH0Hsr6tqNtaxNdC0VJXVUZXVBSKGiTMXtvZOjcioS6/ob2isTy6sXbR4/tHNK3z0lO3U5eIttd88fwrRXF5cIyGgCLQT6HgIYuidOC02JTspq7ito3/zuuVXL566dGz7wQ1Lo31cU4I865LD3r1+CdVcVCPKI4ui+f2Ht0cOP9y05sHFMy/ef/hw/NCrfduePbj77umTl3u3P9697dHXL7///QMFWEVxrTi/AtDDEDeDnA0U/fXz7+dPv3/8+Atkf/ny+9PHX7+B6v/9//L5N1Dn37////wBaS7JqxRkl1SS1JIXU4cghjdv33z8+O7jp49v3r17/+7dly+fvn378vHjx0+fPn348Pb9+7dA9ocPH75+/bp/78ElC5evXrlu1fK1q1asXbZ4BQNQFVDi+/cfX758/fLly4+fQGv//AbhP59AJnz+AQN///5Fjnyg2wBJjoAe6EgRRwAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Import and Configure SDK\",\n    \"title\": \"Import and Configure SDK\",\n    \"src\": \"/static/a013059ec2a59dc3d12be82818f23eb3/43fbc/generate-first-error-02.png\",\n    \"srcSet\": [\"/static/a013059ec2a59dc3d12be82818f23eb3/5a46d/generate-first-error-02.png 300w\", \"/static/a013059ec2a59dc3d12be82818f23eb3/0a47e/generate-first-error-02.png 600w\", \"/static/a013059ec2a59dc3d12be82818f23eb3/43fbc/generate-first-error-02.png 797w\"],\n    \"sizes\": \"(max-width: 797px) 100vw, 797px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on any of the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Buy!\"), \" buttons to add products to your shopping cart\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Checkout\"), \" button on the left panel to generate an error\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/6059335ffb1ace35dc31903043ead971/e04e6/generate-first-error-01.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"63.66666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsSAAALEgHS3X78AAACv0lEQVQoz32RW0hTcRzHz0MPvVQI9qbObW7ZdJuXFgb2ICEl1EMhRhd6SgJLeuiloIegxAhDElK0vOEtETRFYU7NIllzl3bR6eY23e2cnW1n5352trNbZ+whfKg/H/7w+8Ln//v9+QExJAqHQCQagcBgEIRACOZSqdzxk05n+HtN800kkNfVNMrOqYRl1eWlVYDTC+ltri2jfd8ToPEoAnl2zAY0CjvNBqclD0ORhSd4WVimqKq8KBHWigXKSkk98PLjfNvT7usd3e9H592W9YXZoYWpDz80S4+aFJ23rrS3XHKY9QV5Q7MpFsik5YoKkUIsUtYqLwM9g1OvegfvPHv35M3nrrddtztfjM1MmLbUbQ2yFlV1q0p6YDUV5BXtqry1qf5ek6T5vFgqF5cpgO7e/rvtHTfuP3z8/HVfX8/S8uLXuWG9eu5qg7zxgvDBNbl5b4vNcdlcevbXQl1Lq6r5prRSKRHW5P+8u2cfm1gfGNjcXLP5Ake6PZf6p1lrN21oNePTq5NfvkMwmstl+c6LmuWzZ0pFJbIKgbJCmAfgU4rIBrzpWDSTzqQcYMTshiMUzedhMBv0ZRJsjsnmS/WK5uSJ4uIiQdHp0qJTPCUAgpFEnKGTcZyhMZJKJJJcimMYlqQZMk4SNAEycAAPM2zSsmPvHxwdGZ8ZHpseHpn8NDQOHPisoMd25OVXtXt4aIPCngjqiyJehAkHkYAxYgzifhanCRxjGebv5jmOSyQADDtM2Kweo85t0GEuBxeGqEgIg0E8EkriGBNHKCqcpeg0RaZIgk8KsGgsgaG87CNtOy79tm9bFztwMgjCxJAkgXMkkSJIhkIIKpyhaI4iUrx/HADFvKzVCul1oF7nt1pQtwv1+8IBPxriR4gQGEzS/5ZjqDdnMiUtJlinPTIa7ObfXsc+DodYDM1Q1P87/wFGikZleBiq6QAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Import and Configure SDK\",\n    \"title\": \"Import and Configure SDK\",\n    \"src\": \"/static/6059335ffb1ace35dc31903043ead971/c1b63/generate-first-error-01.png\",\n    \"srcSet\": [\"/static/6059335ffb1ace35dc31903043ead971/5a46d/generate-first-error-01.png 300w\", \"/static/6059335ffb1ace35dc31903043ead971/0a47e/generate-first-error-01.png 600w\", \"/static/6059335ffb1ace35dc31903043ead971/c1b63/generate-first-error-01.png 1200w\", \"/static/6059335ffb1ace35dc31903043ead971/d61c2/generate-first-error-01.png 1800w\", \"/static/6059335ffb1ace35dc31903043ead971/e04e6/generate-first-error-01.png 2152w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Notice that:\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"An error message \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Something went wrong\"), \" displays in the app\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"The error appears in the browser console\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"An alert sent to your email address configured on Sentry notifying you about an error that occurred in your app\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"359px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/00eac437ce9445dc1f119b4c6881362e/f5eb6/generate-first-error-03.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"58.333333333333336%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsSAAALEgHS3X78AAADU0lEQVQozy2O30/TVxjGv//ALmey3W0oyFIh/UFpKRSKopJJKJHIYIHxU0oLKmFMqRGdwJKJrBebmUumDotuokCF0m6GjGw3JjMYJAMUq+DFNoFKW7B22rPn2aHhJJ88z/uc9z3vUfIs+UKfs0eojHuFPq9QWPZbhaGoSZjKTonk/GbxTsYnwljSKo6cvSiaTl8UqgKb2JFbL5LMDSIpp05kfNgkimqcYn/VCZFX1hpX0nQGFuy2MDs3l+mmAspHabAUUmMp5XZTFd/VV9Nq72X7uQGqClr4XvZh7shtZHLeYe7Mt1NXdIyW8nZmWR3MOGAXSqY2BUb9LmQbdThYmIN9e/KQps+VmJFusCDTvA/ljR1IMjfirdRSbNNU4m31x9imLkdSVgW2myrwfnY1ks1VSN9bL5QH/n7cHe+Hb9xLv8/LyV9G4RkZxo2bQxzyjMEzOsYRj4c/Dft53TMB99Adum/d4YDUwdsTHBybxI+eX3HT+xurjvbElfjsLFeWlvjP8nPMzDzA8Q4nnc4OnjnTidk/ZxgMrmKTteAK429iDIdeMCSJRUKkiFMebMFzF9xxJRB4zHv3/sDi4iLn5+d5//4UpqamMD09Les5zs3N8qHU4OoKF58+SdQLCwtcevaMjwMBPnz0CIEnTxGNvmK369IbJRaL8fnffyG0tsZIOCQJcz0S4cb6Ol9ubDAifVhm0WiUa7InGAzKH4ZkFoHMEUoQwb+v4/zmu8v/Ka9irzeHEN4c3BqWzVsaTixILAqtcT28RegFNkKrfCmJJlhmLLzMqy4nlOLucRR1eVnUNc7iHr/ER5lJvLB2+yCVxfLe2jXGEulLukZR0nWbh74YQ8WXXlSe96Oq14far3woPXkFSqqtnyq7G2nN1/CB4zpT7QNIbRqgBCm2ASTbNr1b5teY4rjBnS1DSD3qoarNh/TPfoa6YwLak5PQnfodhrN3oehqe6mr70NaTR92VZ+nSpJW69qsqa3ro6Ghjzk2F3McF6hzfE91ixvqY4PUfeqBoX0Yme1DMJ4YhUmSdXwEysGaZpgOtdL0URuNZW3MqOyktvI0d9d14oDtc5rreuRCFzUNX1Nr+5ZqxxWo7ZegkagdP0Aja01zP3RHrkp/Gf8DmayFQu8808sAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Import and Configure SDK\",\n    \"title\": \"Import and Configure SDK\",\n    \"src\": \"/static/00eac437ce9445dc1f119b4c6881362e/f5eb6/generate-first-error-03.png\",\n    \"srcSet\": [\"/static/00eac437ce9445dc1f119b4c6881362e/5a46d/generate-first-error-03.png 300w\", \"/static/00eac437ce9445dc1f119b4c6881362e/f5eb6/generate-first-error-03.png 359w\"],\n    \"sizes\": \"(max-width: 359px) 100vw, 359px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")))))), mdx(\"h2\", {\n    \"id\": \"step-2-handle-the-error\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#step-2-handle-the-error\",\n    \"aria-label\": \"step 2 handle the error permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Step 2: Handle the error\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Go to your email inbox and open the email notification from Sentry\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1126px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/caea0d3f355656db338a4e0965d7d0a8/b94e3/generate-first-error-04.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"72%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAAsSAAALEgHS3X78AAABuklEQVQoz5VSW4+UMBjl//8AEx/9C/viPhiNMTEbjU/rzrJAy3AZhmGEpZS2tAXqAcaNZr3Ek0NySr/7V2+cJikVY13bso730zw/J2ycc7eH7PWn3dsv4fWNvyty/PHwlacqjGiSZsWxnCYYuydumFb15v7ri6sPr64/v7z6+D64W5zHcXR/xvwTcHJunBfa7WLNXJ6iiBASUxKn+Sk7D3klaSHys5p/ibTwEmi9WJw553Vdt+ibMc4FE5ZL23LTCev+Cg/9GLsABzM6/cx+/g0v0/Awxym4NTfvptmRnMWHFsMfFmilBmPsvzIrqTumtbFm0IOSSm1uxhgIbQy4ATab3sbsYTWQg7VIKKTq+15CqWHZ7zz3QmD9mEQHdhxzWV4EYyjsMrDH5pGSfV037j/hIbyQ8lhWCIla1drq2jYKtKhz0HrT1o7mB7c3tzjjKskOSZpneUH32UNEgyiO6D4k+yCix/LsB+QhpB2XvFcghF63svZsbXVu6D5N8+JQlHGSIRasSZwQmuDhIiJum7YTcugF/KVet7Bkhkrzox8SZIOdH0Q7P7zzg/sgQghUUX1rpNJw2/jk/B2AXyG1/wGs7gAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Import and Configure SDK\",\n    \"title\": \"Import and Configure SDK\",\n    \"src\": \"/static/caea0d3f355656db338a4e0965d7d0a8/b94e3/generate-first-error-04.png\",\n    \"srcSet\": [\"/static/caea0d3f355656db338a4e0965d7d0a8/5a46d/generate-first-error-04.png 300w\", \"/static/caea0d3f355656db338a4e0965d7d0a8/0a47e/generate-first-error-04.png 600w\", \"/static/caea0d3f355656db338a4e0965d7d0a8/b94e3/generate-first-error-04.png 1126w\"],\n    \"sizes\": \"(max-width: 1126px) 100vw, 1126px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"View on Sentry\"), \" to view the full details and context of this error in your Sentry account\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/55ed0d5a4e65491d924701898535b84b/9c2d2/generate-first-error-05.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"75.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAIAAABr+ngCAAAACXBIWXMAAAsSAAALEgHS3X78AAACBElEQVQoz21S2YrdMAzN/39eoYUWykDn3t4sXuJNtrz2OJkOfagjhGJLR8vRsr62t7dfv1/HvisXIucaU05cuNRcGn65tOCl1uYQJ0UOxBQztLW0mNMbM0Vre54OhtLW2HB7ACXXzsxAjKkArrYBgQFZlHaHInlGYfgwjKvWem2t1FoqXHupt8wwPBvrYuLW4dOXaE4jldH6VFoJFaypKU7hDxmde0swmHwkWtfdBxpj9DEWVOZdCH4+tFpw6j9Scv76Rfz8oWIkJMRF4tyvSCRHcJSP93WX63ooPeu+HkYbl/SxbVEqtpugl8ANMHEJH7S2ZK6EzAG4mRGapqpX23fnMFFk5pwdlUlBxR2c4bj8+G4P4WOi3jsqeT6+SSkRjwBo1KSUBsq4TowppoRf40ibsKSUAT5LRaraMlStoOeac8u5YPwz2xU/y7r4MC6cxi/O0678Jp1QXih3aILWhk6bwDbgrZ8kIx7BYP80DlCUMnFZUJsndgGrk7EYjnLkiV3/ylXWuDk3xj1fYhMGq4Y2l8SJYsw5fzb232MsKxVPa96fOxoe97QBJoTGrEE9gcmKfcYaVuhPA7pfENb55yqV9jcdi7Xrth3btgmphBRKKcI+YGMiBXxTTxsctd6cDyjb+fiRGQkfj9fjuanT7bvEwxxy+ZR6G3O7asdiI/NNJAbzB/96ZGiB6fNrAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Import and Configure SDK\",\n    \"title\": \"Import and Configure SDK\",\n    \"src\": \"/static/55ed0d5a4e65491d924701898535b84b/c1b63/generate-first-error-05.png\",\n    \"srcSet\": [\"/static/55ed0d5a4e65491d924701898535b84b/5a46d/generate-first-error-05.png 300w\", \"/static/55ed0d5a4e65491d924701898535b84b/0a47e/generate-first-error-05.png 600w\", \"/static/55ed0d5a4e65491d924701898535b84b/c1b63/generate-first-error-05.png 1200w\", \"/static/55ed0d5a4e65491d924701898535b84b/d61c2/generate-first-error-05.png 1800w\", \"/static/55ed0d5a4e65491d924701898535b84b/9c2d2/generate-first-error-05.png 2226w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"), \"\\n\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Note:\"), \" Sentry aggregates similar errors (events) into one Issue\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Scroll down to the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Exception\"), \" stack trace\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/c032d6f94d735575d657dcdda413c992/8b936/generate-first-error-06.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"59.66666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsSAAALEgHS3X78AAABdklEQVQoz3WSiW6jMBRF+f8/7ChhWAIY78Yr3ugLRDNp1VoHy8K6iw1NTMk6b6wDtLF7jMdx1F8o8BzHOJi2ZfUozR4TyMAil5JyLvXc/2Vcm4R4TGw9aqO27XbvCGWQ77y/8mMGmwJzOheXL9gD8LKeHhDTOBfQygiTC2baesYVUUoZu2knpBbKKAN2TiotNyOU5krHXF5iazkTkktAneVzKjnmBKM+a/5AuQCx1jfMBSLrghGilEpBBOWbmNDsYnAp+B/YgVTgwnJpx6Udlnv/6Ca8cj0TPq0UC+VzDeWA+cKl8k4stQkpD/MKdI9lRKDRE6bDjBEVC+WIcqEtrIVxHjQx/wNO/kzuJwRKSO4XQpUFzb2fQKPDvvnd7kmHaGPyubyTIBnEw4zGBQPdA0EC/Chsg8+V9nKEZ/P6EqQvvMSnkkBVqM02S+U2YwrJJkTtITy8t/1eGwrfuvHj3v19rIipflr+tP2EmTSeKk2l/h/+tfYnM6OxR0m027AAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Error Stack-trace\",\n    \"title\": \"Error Stack-trace\",\n    \"src\": \"/static/c032d6f94d735575d657dcdda413c992/c1b63/generate-first-error-06.png\",\n    \"srcSet\": [\"/static/c032d6f94d735575d657dcdda413c992/5a46d/generate-first-error-06.png 300w\", \"/static/c032d6f94d735575d657dcdda413c992/0a47e/generate-first-error-06.png 600w\", \"/static/c032d6f94d735575d657dcdda413c992/c1b63/generate-first-error-06.png 1200w\", \"/static/c032d6f94d735575d657dcdda413c992/8b936/generate-first-error-06.png 1368w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Notice that the stack trace is \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"minified\"), \". JavaScript is typically minified to reduce to the size of the source code.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Sentry can un-minify the code back to its readable form and display source (code) context lines in each stack frame, which is covered in the next section.\")))), mdx(\"h2\", {\n    \"id\": \"next\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#next\",\n    \"aria-label\": \"next permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Next\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/guides/integrate-frontend/upload-source-maps/\"\n  }), \"Enable Readable Stack Traces in your Errors\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#step-1-capture-your-first-event","title":"Step 1: Capture your first event"},{"url":"#step-2-handle-the-error","title":"Step 2: Handle the error"},{"url":"#next","title":"Next"}]},"internal":{"type":"Mdx"}}}},"pageContext":{"excerpt":"Now that the Demo App is up and running on your local environment integrated with the Sentry SDK, you're ready to generate the first error. If you're not using the provided React demo code, follow  Capturing your first event  to introduce an error to your source code and continue with  Step 2 Step 1: Capture your first event Launch the demo app by opening the  localhost link  in your browser Open the browser's  Console  to verify that an error has occurred Click on any of the  Buy!  buttons to add products to your shopping cart Click on the  Checkout  button on the left panel to generate an error Notice that: An error message  Something went wrong  displays in the app The error appears in the browser console An alert sent to your email address configured on Sentry notifying you about an error that occurred in your app Step 2: Handle the error Go to your email inbox and open the email notification from Sentry Click on  View on Sentry  to view the full details and context of this error in your Sentry account \n Note:  Sentry aggregates similar errors (events) into one Issue Scroll down to the  Exception  stack trace Notice that the stack trace is  minified . JavaScript is typically minified to reduce to the size of the source code. Sentry can un-minify the code back to its readable form and display source (code) context lines in each stack frame, which is covered in the next section. Next Enable Readable Stack Traces in your Errors","title":"Capture Your First Error","description":null,"draft":null,"noindex":null,"notoc":null,"sidebar_order":null,"redirect_from":["/guides/integrate-frontend/generate-first-error/"],"keywords":null,"id":"7bcb25ff-3da9-53e6-b7d7-ea5ea880dd50","legacy":false}},"staticQueryHashes":["1218203755","1222113826","1222113826","1766336459","2158593473","2764967025","3345802723","3818502851","3990806462","4015007367","4192517163","4264099332","518019976"]}