'React' must be in scope when using JSX react/react-in-jsx-scope about vitesse

[hannoeru]

Vitesse is a Vue template, so I think this is not related to this repo, can you provide more context?

[rainmanhhh]

vue supports tsx. my component:

import { defineComponent, reactive } from 'vue'

export const Foo = defineComponent({
  name: 'Foo',
  props: {
    isEnabled: {
      type: Boolean,
      required: true
    }
  },
  setup() {
    const s = reactive({
      value: false,
      toggle() {
        s.value = !s.value
      }
    })
    return s
  },
  render() {
    return <div onClick={this.toggle}>foo.isEnabled: {String(this.value)}</div> // idea reports eslint error here
  }
})

[hannoeru]

Add "react/react-in-jsx-scope": "off" to .eslintrc,
then add vite-vue-jsx plugin
https://github.com/vitejs/vite/tree/main/packages/plugin-vue-jsx
to vite config.