Transform to Typescript

[subzero10]

Let's transform our honeybadger-react code into typescript.
As a bonus, we won't have to manually maintain typescript definitions.

[JustFly1984]

I have an issue with @honeybadger-io/react and typescript in one of projects.

An error while passing a honeybadger Client type into <ErrorBoundary> component, it expects HoneyBadger

Temporary workaround I've implemented:

import ErrorBoundary from '@honeybadger-io/react';
import React from 'react';

import honeybadger from '../lib/honeybadger';

import type Honeybadger from '@honeybadger-io/js';

const App = (): JSX.Element => {
  return (
    // eslint-disable-next-line total-functions/no-unsafe-type-assertion
    <ErrorBoundary honeybadger={honeybadger as Honeybadger}>
      <>
        <Component>
      </>
    </ErrorBoundary>
  );
};

Full error text:

No overload matches this call.
  Overload 1 of 2, '(props: Props | Readonly<Props>): ErrorBoundary', gave the following error.
    Type 'Client' is not assignable to type 'Honeybadger'.
      Type 'Client' is missing the following properties from type 'Honeybadger': errorHandler, requestHandler, lambdaHandler
  Overload 2 of 2, '(props: Props, context: any): ErrorBoundary', gave the following error.
    Type 'Client' is not assignable to type 'Honeybadger'.
      Type 'Client' is not assignable to type 'Honeybadger'.ts(2769)

[subzero10]

Hey @JustFly1984 , can you please try installing branch and let us know if you still experience the issue?

npm command to install a specific branch:

npm install@honeybadger-io/react#fix-ts-definitions --save

Thanks!

[joshuap]

@JustFly1984 this should now be fixed in @honeybadger-io/[email protected]

[JustFly1984]

Yes, it is fixed!Thank you @joshuap