How does it work with vue-class-component? about babel-plugin-jsx

[StringKe]

ERROR in src/views/Home.vue:4:1
TS1238: Unable to resolve signature of class decorator when called as an expression.
  Type 'VueConstructor<Vue<unknown, never[], {}>>' is not assignable to type 'typeof Home'.
    Construct signature return types 'Vue<unknown, never[], {}>' and 'Home' are incompatible.
      The types of 'render' are incompatible between these types.
        Type '(() => void | VNode<RendererNode, RendererElement, { [key: string]: any; }>) | undefined' is not assignable to type '() => boolean'.
          Type 'undefined' is not assignable to type '() => boolean'.
    2 | import { Options, Vue } from "vue-class-component";
    3 |
  > 4 | @Options({})
      | ^^^^^^^^^^^^
    5 | export default class Home extends Vue {
    6 |   render(){
    7 |     return (

ERROR in src/views/Home.vue:4:2
TS2345: Argument of type 'typeof Home' is not assignable to parameter of type 'VueConstructor<Vue<unknown, never[], {}>>'.
  Types of property 'prototype' are incompatible.
    Type 'Home' is not assignable to type 'Vue<unknown, never[], {}>'.
      Type 'Home' is not assignable to type 'ClassComponentHooks'.
        The types returned by 'render()' are incompatible between these types.
          Type 'boolean' is not assignable to type 'void | VNode<RendererNode, RendererElement, { [key: string]: any; }>'.
    2 | import { Options, Vue } from "vue-class-component";
    3 |
  > 4 | @Options({})
      |  ^^^^^^^^^^^
    5 | export default class Home extends Vue {
    6 |   render(){
    7 |     return (

ERROR in src/views/Home.vue:6:3
TS2416: Property 'render' in type 'Home' is not assignable to the same property in base type 'Vue<unknown, {}, {}>'.
  Type '() => boolean' is not assignable to type '() => void | VNode<RendererNode, RendererElement, { [key: string]: any; }>'.
    Type 'boolean' is not assignable to type 'void | VNode<RendererNode, RendererElement, { [key: string]: any; }>'.
    4 | @Options({})
    5 | export default class Home extends Vue {
  > 6 |   render(){
      |   ^^^^^^
    7 |     return (
    8 |         <div>456</div>
    9 |     )

ERROR in src/views/Home.vue:8:10
TS2304: Cannot find name 'div'.
     6 |   render(){
     7 |     return (
  >  8 |         <div>456</div>
       |          ^^^
     9 |     )
    10 |   }
    11 | }

[Zcating]

The Vue3 will not support class API. Please use Composition-API.