tsify error boundary

src/renderer/src/ErrorBoundary.tsx

@@ -1,10 +1,14 @@
-import { Component } from 'react';
+import { Component, ErrorInfo, ReactNode } from 'react';
 import { Trans } from 'react-i18next';
 
 import { openSendReportDialog } from './reporting';
 
-class ErrorBoundary extends Component {
+
-  constructor(props) {
+class ErrorBoundary extends Component<{ children: ReactNode }> {
+  // eslint-disable-next-line react/state-in-constructor
+  override state: { error: { message: string } | undefined };
+
+  constructor(props: { children: ReactNode }) {
     super(props);
     this.state = { error: undefined };
   }
@@ -13,11 +17,11 @@ class ErrorBoundary extends Component {
     return { error };
   }
 
-  componentDidCatch(error, errorInfo) {
+  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {
     console.error('componentDidCatch', error, errorInfo);
   }
 
-  render() {
+  override render() {
     const { error } = this.state;
     if (error) {
       return (

src/renderer/src/reporting.tsx

@@ -22,7 +22,7 @@ const linkStyle: CSSProperties = { fontWeight: 'bold', cursor: 'pointer' };
 
 
 // eslint-disable-next-line import/prefer-default-export
-export function openSendReportDialog(err: unknown | undefined, state: unknown) {
+export function openSendReportDialog(err: unknown | undefined, state?: unknown) {
   const reportInstructions = isStoreBuild
     ? (
       <p><Trans>Please send an email to <span style={linkStyle} role="button" onClick={() => electron.shell.openExternal('mailto:losslesscut@mifi.no')}>losslesscut@mifi.no</span> where you describe what you were doing.</Trans></p>