# Panel plugin doesnt build for dev

**URL:** <https://community.grafana.com/t/panel-plugin-doesnt-build-for-dev/41856>\
**Category:** Grafana\
**Tags:** plugins\
**Created:** [January 19, 2021, 8:26pm UTC](https://community.grafana.com/t/panel-plugin-doesnt-build-for-dev/41856 "2021-01-19T20:26:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![austinlane](https://avatars.discourse-cdn.com/v4/letter/a/f4b2a3/32.png) [@austinlane](https://community.grafana.com/u/austinlane)\
**Post date:** [January 19, 2021, 8:26pm UTC](https://community.grafana.com/t/panel-plugin-doesnt-build-for-dev/41856/1 "2021-01-19T20:26:55Z")

</div>

I am creating a panel plugin for grafana and building for dev and get the following error

```
Argument of type 'typeof App' is not assignable to parameter of type 'ComponentClass<PanelProps<SimpleOptions>, any> | FunctionComponent<PanelProps<SimpleOptions>> | null'.
    Type 'typeof App' is not assignable to type 'ComponentClass<PanelProps<SimpleOptions>, any>'.
      Construct signature return types 'App' and 'Component<PanelProps<SimpleOptions>, any, any>' are incompatible.
        The types of 'props' are incompatible between these types.
          Type 'Readonly<any> & Readonly<{ children?: ReactNode; }>' is not assignable to type 'Readonly<PanelProps<SimpleOptions>> & Readonly<{ children?: ReactNode; }>'.
            Type 'Readonly<any> & Readonly<{ children?: ReactNode; }>' is missing the following properties from type 'Readonly<PanelProps<SimpleOptions>>': id, data, timeRange, timeZone, and 11 more.

```

The module that throws the error looks like

```
import { PanelPlugin } from '@grafana/data';
import { SimpleOptions } from './types';
import { App } from "./App"

export const plugin = new PanelPlugin<SimpleOptions>(App);

```

The App that it refers to has the following declaration:

`export class App extends Component<any, any> {`

I have a second plugin that has the exact same setup, and is highlighted in visual code as having the same error, however that plugin builds successfully. How do I fix this and why does one plugin build while the other doesn’t?

---

<div class="post-metadata">

**Author:** ![marcusolsson](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/marcusolsson/32/7922_2.png) [@marcusolsson](https://community.grafana.com/u/marcusolsson)\
**Post date:** [January 20, 2021, 4:52pm UTC](https://community.grafana.com/t/panel-plugin-doesnt-build-for-dev/41856/2 "2021-01-20T16:52:04Z")

</div>

Is there a reason for why you want an untyped panel plugin, i.e. \<any, any\>? If you want to get started with building panel plugins, the easiest way is to complete the tutorial on building panel plugins, which will help you get started.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/grafana/original/2X/e/ef5308cc58c9e5a13187b5012eb99f406928462f.png) [@system](https://community.grafana.com/u/system)\
**Post date:** [January 19, 2022, 8:27pm UTC](https://community.grafana.com/t/panel-plugin-doesnt-build-for-dev/41856/3 "2022-01-19T20:27:51Z")

</div>

This topic was automatically closed after 365 days. New replies are no longer allowed.