I am using apm-rum-react with typescript too and would like to have the typings in this package.

The typings is already up published for @elastic/apm-rum and apm-rum-react and angular are just wrappers so we have not published anything for those at the moment.

We will try to add typings sooner for these package as well.

Here's the typing file I created in my project for this:

// elastic__apm-rum-react.d.ts
declare module '@elastic/apm-rum-react' {
  import { ComponentType } from 'react';
  import { Route } from 'react-router';
  export const ApmRoute: typeof Route;

  /**
   * Wrap a component to record an elastic APM transaction while it is rendered.
   *
   * Usage:
   *  - Pure function: `withTransaction('name','route-change')(Component)`
   *  - As a decorator: `@withTransaction('name','route-change')`
   */
  export const withTransaction: (
    name: string,
    eventType: string,
  ) => <T>(component: ComponentType<T>) => ComponentType<T>;
}

Also using React, would be nice to have typings...

Hi! I opened a pull request with only adding declarations. What do you think about full rewriting on typescript? If maintainers approved this idea I can do it with apm-rum-react

// elastic__apm-rum-react.d.ts
declare module '@elastic/apm-rum-react' {
  import { ComponentType } from 'react';
  import { Route } from 'react-router';
  export const ApmRoute: typeof Route;

  /**
   * Wrap a component to record an elastic APM transaction while it is rendered.
   *
   * Usage:
   *  - Pure function: `withTransaction('name','route-change')(Component)`
   *  - As a decorator: `@withTransaction('name','route-change')`
   */
  export const withTransaction: (
    name: string,
    eventType: string,
  ) => <T>(component: ComponentType<T>) => ComponentType<T>;
}

The Elastic doc uses import { ApmRoutes } from '@elastic/apm-rum-react', so I add ApmRoutes type to the module

import { Route, Routes } from 'react-router';
export const ApmRoute: typeof Route;
export const ApmRoutes: typeof Routes;