Generic type 'UIEvent<T>' requires between 0 and 1 type arguments.

[luciancaetano]

Environment

• Package version(s):
  "@blueprintjs/core": "^3.28.2"
  "@blueprintjs/icons": "^3.18.1"
  "react": "^16.13.1"
• Operating System: Linux
• Browser name and version: Google Chrome 83.0

Actual behavior

Outdated types

ERROR in [at-loader] ./node_modules/@blueprintjs/core/lib/esm/components/divider/divider.d.ts:258:28
TS2707: Generic type 'UIEvent' requires between 0 and 1 type arguments.

ERROR in [at-loader] ./node_modules/@blueprintjs/core/lib/esm/components/divider/divider.d.ts:259:35
TS2707: Generic type 'UIEvent' requires between 0 and 1 type arguments.

[adidahiya]

@luciancaetano what version of typescript and @types/react do you have installed?

[luciancaetano]

@adidahiya I am using the default version automatically installed when I run the npm install command 16.9.11

[adidahiya]

And which version of typescript?

If you can demonstrate the issue with a code sandbox (as linked in the issue template), it helps me debug issues much faster.

[Seiyial]

Hi @adidahiya,

I'm facing this issue after bumping my react and react-dom @types versions, as well as typescript version.

Here's a codesandbox showing the dependencies list, but I'm not sure if it shows typescript type errors that we're experiencing...
https://codesandbox.io/s/focused-resonance-147bg?file=/package.json

Environment

• Package version(s):
  "react": "16.13.1",
  "react-dom": "16.13.1",
  "react-scripts": "3.0.1",
  "@blueprintjs/core": "3.28.2",
  "@blueprintjs/datetime": "3.18.2",
  "@blueprintjs/icons": "3.18.1",
  "@blueprintjs/select": "3.13.3"

  "typescript": "3.9.5",
  "@types/react": "16.9.19",
  "@types/react-dom": "16.9.8"

• tsconfig.json:

  {
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "strict": true,
        "noImplicitReturns": true,
        "noImplicitAny": true,
        "module": "es6",
        "moduleResolution": "node",
        "allowSyntheticDefaultImports": true,
        "target": "es5",
        "allowJs": true,
        "jsx": "react",
        "baseUrl": "src/",
        "suppressExcessPropertyErrors": false
      },
      "include": [
        "./src/**/*",
        "./.eslintrc.js",
        "*.js"
      ],
   }

• Operating System: Linux

• Browser name and version: Google Chrome 83.0

Upon building, typescript returns the same errors as mentioned above:

ERROR in /redacted/MyProject/node_modules/@blueprintjs/core/lib/esm/components/divider/divider.d.ts(258,28):
TS2707: Generic type 'UIEvent<T>' requires between 0 and 1 type arguments.
ERROR in /redacted/MyProject/node_modules/@blueprintjs/core/lib/esm/components/divider/divider.d.ts(259,35):
TS2707: Generic type 'UIEvent<T>' requires between 0 and 1 type arguments.
Version: typescript 3.9.5
Time: 19426 ms

TL;DR: I think it happens because there are changes in (or before) @types/react 16.9.19 that caused a typing mismatch when it is used with @blueprintjs/core 3.28.2. Details below

Tracing and solution(s)

(note: in these pictures, the breadcrumbs (x > y > z) show the files being referred to)

The error seems to occur in MyProject/node_modules/@blueprintjs/core3.28.2/lib/esm/components/divider/divider.d.ts:

If I "Go To Definition" of UIEvent...

My VSCode says this file is MyProject/node_modules/@types/react16.9.19/index.d.ts. It seems to me that in @types/react 16.9.19, UIEvent only needs the HTMLElement as the type parameter, and repeating UIEvent as above is not needed anymore.

By changing the typing of onScroll and onScrollCapture to remove the additional UIEvent, the type error for my app's build is fixed.

Sorry if I should have been following a certain template or if it's possible to have provided a more extensive demo in codesandbox.

[benritteraptiv]

I've started seeing this exact issue as well. Did a clean reinstall recently and it started popping up.

"@blueprintjs/core": "3.17.1",
"@blueprintjs/datetime": "3.11.0",
"@blueprintjs/docs-theme": "^3.4.0",
"@blueprintjs/icons": "3.9.1",
"@blueprintjs/select": "3.8.0",

"react": "16.8.6",
"react-dom": "16.8.6",
"@types/react": "16.8.23",
"@types/react-dom": "16.8.5",
"typescript": "3.8.3",

[adidahiya]

Can you all try upgrading to the latest @types/react, or at a minimum the version which is installed in this repo (16.9.35)? There may have been a breaking change in the types. If so, that's an unfortunate unintended break in our API, but a little hard to avoid and I think these kinds of breaks will continue happening every now and then. My best advice is to stay up to date on the latest @types/react version.