fix types

instrumentation-client.ts

@@ -4,7 +4,7 @@
 
 import * as Sentry from "@sentry/nextjs";
 import dsn from "./sentry.shared.dsn";
-import { EventHint } from "@sentry/nextjs";
+import { ErrorEvent, EventHint } from "@sentry/nextjs";
 
 Sentry.init({
   dsn,
@@ -23,7 +23,7 @@ Sentry.init({
 
   replaysSessionSampleRate: 1.0,
 
-  beforeSend(event, hint: EventHint) {
+  beforeSend(event: ErrorEvent, hint: EventHint) {
     // Check if it is an exception, and if so, show the report dialog
     if (event.exception && event.event_id && hint.data?.useCrashReport) {
       Sentry.showReportDialog({ eventId: event.event_id });

src/components/FeedbackButton.tsx

@@ -2,7 +2,7 @@ import { useRef } from "react";
 import useFeedbackWidget from "./useFeedbackWidget";
 
 export default function FeedbackButton() {
-  const buttonRef = useRef<HTMLButtonElement>(null);
+  const buttonRef = useRef<HTMLButtonElement | null>(null);
   useFeedbackWidget({buttonRef, options: {
     tags: {
       component: 'FeedbackButton'

src/components/useFeedbackWidget.tsx

@@ -5,7 +5,7 @@ import {useEffect, useState} from 'react';
 import * as Sentry from '@sentry/nextjs';
 
 interface Props {
-  buttonRef?: RefObject<HTMLButtonElement> | RefObject<HTMLAnchorElement>;
+  buttonRef?: RefObject<HTMLButtonElement | null> | RefObject<HTMLAnchorElement | null>;
   options?: {
     tags?: Record<string, string>
   },