import React, { useState } from 'react';

const Home = () => {
  const [showBugComponent, setShowBugComponent] = useState(false);

  return (
    <>
      <button type="button" onClick={() => setShowBugComponent(true)}>
        Click to test if Sentry is capturing frontend errors! (Should only work in Production)
      </button>
      {showBugComponent && showBugComponent.field.notexist}
    </>
  );
};

export default Home;

@@ -33,16 +33,61 @@
 'react';
+%0Aimport Button from 'react-bootstrap/Button';
 %0A%0Aconst 
@@ -198,27 +198,36 @@
    %3C
-b
+B
 utton 
-type=%22button
+variant=%22outline-dark
 %22 on
@@ -370,17 +370,17 @@
       %3C/
-b
+B
 utton%3E%0A 

Add react-bootstrap usage example