Property 'div' does not exist on type 'JSX.IntrinsicElements'

API
,
1

Hi!

I’m trying to integrate ChatKit into a React application. I’m following all the steps, but as soon as I import the following:

import { useChatKit, ChatKit } from '@openai/chatkit-react';

my project starts getting flooded with errors like this:

Property 'div' does not exist on type 'JSX.IntrinsicElements'.

react&react-dom: 18.2.0

2

I have exactly the same issue here

3

Setting in tsconfig
"moduleResolution": "node" seems to resolve this

4

Sorry for the late reply! The React bindings are still supported, but we haven’t verified a universal fix for this TypeScript error. One user reported success with a tsconfig change. Please share your package versions, tsconfig, and a small repro with Support if it continues. Current integration guide: https://developers.openai.com/api/docs/guides/chatkit.

Since this topic has been inactive for some time, we are going to close it. If the issue is still occurring, feel free to open a new topic with your current package versions, tsconfig, and a small reproduction. Please share any sensitive details privately with Support.