# Plugin error after upgrading Bud to ^6.3.5

**URL:** https://discourse.roots.io/t/plugin-error-after-upgrading-bud-to-6-3-5/23827
**Category:** bud
**Tags:** sage10
**Created:** 2022-08-31T14:02:10Z
**Posts:** 2

## Post 1 by @erip2 — 2022-08-31T14:02:10Z

I’m upgrading Bud from v5 to v6. Everything is going fine expect a plugin is shown an error on the `bud.config.mjs`. The plugin is `svg-spritemap-webpack-plugin`.

I try to use it like this on the config:

```
export default async (app) => {
  / **other configurations here** /

  await app.use(new SVGSpritemapPlugin())
  
  / **other configurations here** /
```

The error shown in the editor is:

```
Argument of type 'SVGSpritemapPlugin' is not assignable to parameter of type 'Extension<any, any> | Constructor | ExtensionLiteral | (Extension<any, any> | Constructor | ExtensionLiteral)[]'.
  Type 'SVGSpritemapPlugin' is not assignable to type 'ExtensionLiteral'.
    Types of property 'apply' are incompatible.
      Type '(compiler: Compiler) => void' is not assignable to type '(compiler?: Compiler) => unknown'.
        Types of parameters 'compiler' and 'compiler' are incompatible.
          Type 'import("/Users/xxxx/Documents/xxxx/dev/public/app/themes/xxxx/node_modules/webpack/types").Compiler' is not assignable to type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/webpack/types").Compiler'.
            The types of 'hooks.shouldEmit' are incompatible between these types.
Type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").SyncBailHook<[import("/Users/xxxx/Documents/xxxx/dev/public/app/themes/xxxx/node_modules/webpack/types").Compilation], boolean, import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable")...' is not assignable to type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").SyncBailHook<[import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/webpack/types").Compilation], boolean, import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").UnsetAdditionalOptions>'.ts(2345)
```

I don’t know if this error has to do with the Bud library or the `svg-spritemap-webpack-plugin`.

---

## Post 2 by @kellymears — 2022-10-24T22:56:08Z

```
Argument of type 'SVGSpritemapPlugin' is not assignable to parameter of type 'Extension<any, any> | Constructor | ExtensionLiteral | (Extension<any, any> | Constructor | ExtensionLiteral)[]'.
  Type 'SVGSpritemapPlugin' is not assignable to type 'ExtensionLiteral'.
    Types of property 'apply' are incompatible.
      Type '(compiler: Compiler) => void' is not assignable to type '(compiler?: Compiler) => unknown'.
        Types of parameters 'compiler' and 'compiler' are incompatible.
          Type 'import("/Users/xxxx/Documents/xxxx/dev/public/app/themes/xxxx/node_modules/webpack/types").Compiler' is not assignable to type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/webpack/types").Compiler'.
            The types of 'hooks.shouldEmit' are incompatible between these types.
Type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").SyncBailHook<[import("/Users/xxxx/Documents/xxxx/dev/public/app/themes/xxxx/node_modules/webpack/types").Compilation], boolean, import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable")...' is not assignable to type 'import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").SyncBailHook<[import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/webpack/types").Compilation], boolean, import("/Users/xxxx/Library/Caches/typescript/4.7/node_modules/tapable/tapable").UnsetAdditionalOptions>'.ts(2345)
```

Why are you running your bud config through TypeScript? Do you have `node` aliased to `ts-node` globally or something?
