How to configure with React? (TS) (NextJS)

import "@vscode/webview-ui-toolkit";
function EmptyState() {
  return <vscode-progress-ring></vscode-progress-ring>;
}

will throw Property 'vscode-progress-ring' does not exist on type 'JSX.IntrinsicElements'.ts(2339)

Is there extra steps required to setup?

[atanasster]

@hawkticehurst , sorry I had missed that other conversation, and will add my use-case and comments there

[softmarshmallow]

Changing from

declare namespace JSX {
  interface IntrinsicElements {
    'vscode-progress-ring': any;
  }
}

to

declare global {
  namespace JSX {
    interface IntrinsicElements {
      "vscode-progress-ring": any;
    }
  }
}

did the trick