TypeScript TS2515 error

error.txt

ERROR in /grafana/packages/grafana-toolkit/test/fixtures/plugin/src/module.tsx
ERROR in /grafana/packages/grafana-toolkit/test/fixtures/plugin/src/module.tsx(11,44):
TS2344: Type 'DataSource' does not satisfy the constraint 'DataSourceApi<DataQuery, DataSourceJsonData>'.
  Types of property 'query' are incompatible.
    Type '(request: DataQueryRequest<DataQuery>) => Observable<DataQueryResponse>' is not assignable to type '(request: DataQueryRequest<DataQuery>) => Promise<DataQueryResponse> | Observable<DataQueryResponse>'.
      Types of parameters 'request' and 'request' are incompatible.
        Type 'import("/grafana/packages/grafana-toolkit/node_modules/@grafana/data/types/datasource").DataQueryRequest<import("/grafana/packages/grafana-toolkit/node_modules/@grafana/data/types/datasource").DataQuery>' is not assignable to type 'import("/grafana/packages/grafana-data/src/types/datasource").DataQueryRequest<import("/grafana/packages/grafana-toolkit/node_modules/@grafana/data/types/datasource").DataQuery>'.
          Types of property 'intervalMs' are incompatible.
            Type 'number | undefined' is not assignable to type 'number'.
              Type 'undefined' is not assignable to type 'number'. 

module.tsx

import { DataQuery, DataSourceJsonData, DataSourcePlugin } from '@grafana/data';
import { DataSourceWithBackend } from '@grafana/runtime';
import React from 'react';

class DataSource extends DataSourceWithBackend<DataQuery, DataSourceJsonData> {}

const ConfigEditor = () => <div />;
const MetaInspector = () => <div />;
const QueryEditor = () => <div />;

export const plugin = new DataSourcePlugin<DataSource, DataQuery, DataSourceJsonData>(DataSource)
  .setConfigEditor(ConfigEditor)
  .setQueryEditor(QueryEditor)
  .setMetadataInspector(MetaInspector);

Extending DataSourceApi is difficult, complicated and I can't get it to work either:

export class DataSource<
  TQuery extends DataQuery = DataQuery,
  TOptions extends DataSourceJsonData = DataSourceJsonData
> extends DataSourceApi<TQuery, TOptions> {
  constructor(instanceSettings: DataSourceInstanceSettings<TOptions>) {
    super(instanceSettings);
  }

  query(request: DataQueryRequest<TQuery>): Observable<DataQueryResponse> {
    return new Observable(() => ({ data: [] }));
  }

  testDatasource() {
    return Promise.resolve();
  }
}