Still getting type errors on Column

[andreash]

Hey, I left a comment regarding the previous fix here. I also forked your sandbox and checked Table2 with Colum - no problems. However, in VSCODE I am still getting

'Column' cannot be used as a JSX component.
  Its instance type 'Column' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'ReactNode' is not assignable to type 'false | Element'.
        Type 'string' is not assignable to type 'false | Element'.ts(2786)

on

import { HotkeysProvider } from "@blueprintjs/core";
import { Column, Table2 } from "@blueprintjs/table";
import React from "react";
import ReactDOM from "react-dom";
import "~@blueprintjs/popover2/lib/css/blueprint-popover2.css";
 
ReactDOM.render(
    <HotkeysProvider>
        <Table2 numRows={5}>
            <Column />
            <Column />
            <Column />
        </Table2>
    </HotkeysProvider>,
    document.querySelector("#app"),
);

@types/react version is 18.0.21

Any idea why this happens?

BTW, the "real" compile runs fine and does not generate any errors. It's just within VSCODE that I have this problem. Regarding TS, the only extension installed is TypeScriptHero

[adidahiya]

the "real" compile runs fine and does not generate any errors. It's just within VSCODE that I have this problem.

This sounds like the problem is somewhere in your VSCode configuration. If tsc runs fine compiling with Blueprint types, then our types are likely working correctly. You may want to look for answers in VSCode support channels or Stack Overflow.