In the setup, the referenced component reports an error

[anncwb]

// component A

export default defineComponent({
    setup() {
      return ()=><BasicEmpty />;
    }, 
  });

// component BasicEmpty 

export default defineComponent({
  props: {
    description: {
      type: String,
      default: 'not data', 
    },
    image: {
      type: String,
      default: emptySrc,
    },
  },
  setup(props) {
    return () => (
      <Empty
        {...{
          props,
        }}
      />
    );
  },
});

error log

No overload matches this call.
  Overload 1 of 3, '(options?: ThisTypedComponentOptionsWithArrayProps<Vue, object, object, object, never> | undefined): object & Record<never, any> & ... 6 more ... & ExtractComputedReturns<...>', gave the following error.
    Type '{ image: string; }' is not assignable to type 'Record<string, any> & Readonly<{ description: string; image: string; } & {}>'.
      Property 'description' is missing in type '{ image: string; }' but required in type 'Readonly<{ description: string; image: string; } & {}>'.
  Overload 2 of 3, '(options?: ThisTypedComponentOptionsWithRecordProps<Vue, object, object, object, object> | undefined): object & Record<never, any> & ... 6 more ... & ExtractComputedReturns<...>', gave the following error.
    Type '{ image: string; }' is not assignable to type 'Record<string, any> & Readonly<{ description: string; image: string; } & {}>'.
      Property 'description' is missing in type '{ image: string; }' but required in type 'Readonly<{ description: string; image: string; } & {}>'.
  Overload 3 of 3, '(options?: ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Record<string, any>>, Record<...>> | undefined): object & ... 7 more ... & ExtractComputedReturns<...>', gave the following error.
    Type '{ image: string; }' is not assignable to type 'Record<string, any> & Readonly<{ description: string; image: string; } & {}>'.
      Property 'description' is missing in type '{ image: string; }' but required in type 'Readonly<{ description: string; image: string; } & {}>'.

[anncwb]

0.63 does not have this problem. Upgrade to 0.67 appears

[anncwb]

props should not be mandatory

[anncwb]

@antfu please help me

[antfu]

We don't have official JSX support for @vue/composition-api yet (which is planned, vuejs/jsx-vue2#76). We have updated the typing of defineComponent recently to align with vue-next. For the issue you are facing, I suggest you open an issue in the jsx support plugin repo first (guess you are using https://github.com/luwanquan/babel-preset-vca-jsx)

[anncwb]

There should be no relationship with the vca-jsx plugin,
I think it is related to the following

declare global {
 
  namespace JSX {
    // @ts-ignore
    interface Element extends VNode {}
    // @ts-ignore
    interface ElementClass extends ComponentRenderProxy {}
    interface ElementAttributesProperty {
      $props?: any; 
    }
    interface IntrinsicElements {
      [elem: string]: any;
    }
  }
}

[anncwb]

@antfu May I ask what time jsx can support

[anncwb]

Forgive me for my bad English, the translation depends on Google

[anncwb]

Adding as PropOptions to every props solved my problem