Bug: Type error caused by peerDependency installation

[landsman]

Please help me fix this. Is it a problem of the new Deno version?
Build and dev works fine, but VSCode and Idea shows me following errors.

• npm:@deno/vite-plugin@^1.0.0
• npm:@vitejs/plugin-react@^4.3.4

Repository for reproduction: https://github.com/landsman/music/blob/dev/src/web/vite.config.ts

No overload matches this call.
  The last overload gave the following error.
    Type 'Plugin<any>[]' is not assignable to type 'PluginOption'.
      Type 'Plugin<any>[]' is not assignable to type 'PluginOption[]'.
        Type 'Plugin<any>' is not assignable to type 'PluginOption'.
          Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").Plugin<any>' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").Plugin<any>'.
            Types of property 'hotUpdate' are incompatible.
              Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/rollup/4.34.6/dist/rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> | ...' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/rollup/4.34.6/dist/rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> ...'.
                Type '(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>' is not assignable to type 'ObjectHook<(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>> | undefined'.
                  Type '(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>' is not assignable to type '(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>'.
                    The 'this' types of each signature are incompatible.
                      Type 'HotUpdatePluginContext' is not assignable to type 'HotUpdatePluginContext'. Two different types with this name exist, but they are unrelated.
                        The types of 'environment.pluginContainer.environment' are incompatible between these types.
                          Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").Environment' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").Environment'.
                            Type 'DevEnvironment' is not assignable to type 'Environment'.
                              Type 'PluginOption[]' is not assignable to type 'PluginOption'.
                                Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").PluginOption[]' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").PluginOption[]'.
                                  Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").PluginOption' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").PluginOption'.
                                    Type 'Plugin<any>' is not assignable to type 'PluginOption'.
                                      Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").Plugin<any>' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").Plugin<any>'.
                                        Types of property 'hotUpdate' are incompatible.
                                          Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/rollup/4.34.6/dist/rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> | ...' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/rollup/4.34.6/dist/rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> ...'.
                                            Type '(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>' is not assignable to type 'ObjectHook<(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>> | undefined'.
                                              Type '(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>' is not assignable to type '(this: HotUpdatePluginContext, options: import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>'.
                                                The 'this' types of each signature are incompatible.
                                                  Type 'HotUpdatePluginContext' is not assignable to type 'HotUpdatePluginContext'. Two different types with this name exist, but they are unrelated.
                                                    The types of 'environment.pluginContainer.environment' are incompatible between these types.
                                                      Type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0_1/dist/node/index").Environment' is not assignable to type 'import("file:///Users/landsman/Library/Caches/deno/npm/registry.npmjs.org/vite/6.1.0/dist/node/index").Environment'.
                                                        Type 'DevEnvironment' is not assignable to type 'Environment'.deno-ts(2769)
index.d.ts(3625, 18): The last overload is declared here.
(alias) deno(): Plugin[]
import deno

[landsman]

I updated to 1.0.4 and problem on deno plugin is gone, react still remains.

Is it a problem in vite-plugin-react? Can you please suggest them to fix it?

[marvinhagemeister]

What's the react problem you're referring to? The error output you shared doesn't mention that unless I'm missing something.

[landsman]

Deno: No overload matches this call.
The last overload gave the following error.
Type PluginOption[] is not assignable to type PluginOption
Type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").PluginOption[]' is not assignable to type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").PluginOption[]'.
Type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").PluginOption' is not assignable to type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").PluginOption'.
Type Plugin<any> is not assignable to type PluginOption
Type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").Plugin<any>' is not assignable to type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").Plugin<any>'.
Types of property hotUpdate are incompatible.
Type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ rollup/ 4.34.6/ dist/ rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> | ...' is not assignable to type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ rollup/ 4.34.6/ dist/ rollup").ObjectHook<(this: HotUpdatePluginContext, options: import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>> ...'.
Type '(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>' is not assignable to type 'ObjectHook<(this: HotUpdatePluginContext, options: HotUpdateOptions) => void | EnvironmentModuleNode[] | Promise<void | EnvironmentModuleNode[]>> | undefined'.
Type '(this: HotUpdatePluginContext, options: import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>' is not assignable to type '(this: HotUpdatePluginContext, options: import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").HotUpdateOptions) => void | ... 1 more ... | Promise<...>'.
The this types of each signature are incompatible.
Type HotUpdatePluginContext is not assignable to type HotUpdatePluginContext. Two different types with this name exist, but they are unrelated.
The types of environment. pluginContainer. environment are incompatible between these types.
Type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0_1/ dist/ node/ index").Environment' is not assignable to type 'import("file:/// Users/ landsman/ Library/ Caches/ deno/ npm/ registry. npmjs. org/ vite/ 6.1.0/ dist/ node/ index").Environment'.
Type DevEnvironment is not assignable to type Environment

[marvinhagemeister]

I see, that seems like an issue with peerDependencies in Deno itself