From 192610c67a738bc3309b4c49e4b89268a567c71a Mon Sep 17 00:00:00 2001
From: Bassgeta <kerry.mahne@gmail.com>
Date: Wed, 29 Nov 2023 10:16:50 +0100
Subject: [PATCH] feat: connect beamer on 404 page

---
 src/components/frame/FourOFour/FourOFour.tsx | 3 ++-
 src/hooks/useBeamer.ts                       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/frame/FourOFour/FourOFour.tsx b/src/components/frame/FourOFour/FourOFour.tsx
index 2ceffb15894..92e1c25f2b1 100644
--- a/src/components/frame/FourOFour/FourOFour.tsx
+++ b/src/components/frame/FourOFour/FourOFour.tsx
@@ -5,6 +5,7 @@ import { Link } from 'react-router-dom';
 import { COLONY_DOCS } from '~constants';
 
 import { MainLayout } from '~frame/Extensions/layouts';
+import { openFeaturesBugs } from '~hooks/useBeamer';
 import {
   CREATE_COLONY_ROUTE_BASE,
   LANDING_PAGE_ROUTE,
@@ -67,7 +68,7 @@ const FourOFour = () => (
       </p>
       <hr className="h-px w-full" />
       <div className="w-full flex flex-col sm:flex-row gap-2 sm:gap-6 mt-8 mb-6">
-        <Button mode="quinary" className="flex-1">
+        <Button mode="quinary" className="flex-1" onClick={openFeaturesBugs}>
           {formatText(MSG.reportBugBtn)}
         </Button>
         <ButtonLink
diff --git a/src/hooks/useBeamer.ts b/src/hooks/useBeamer.ts
index 224200ca2d5..02b4921d98c 100644
--- a/src/hooks/useBeamer.ts
+++ b/src/hooks/useBeamer.ts
@@ -24,7 +24,7 @@ export const openWhatsNew = (
 };
 
 export const openFeaturesBugs = (
-  event: React.MouseEvent<HTMLAnchorElement>,
+  event: React.MouseEvent<HTMLElement>,
 ): void => {
   if (typeof Beamer !== 'undefined') {
     event.preventDefault();