item的rules没有在Cascader中起效果

问题遇到的现象和发生背景

ant-design cascader 渲染出数据在Form.item 的rule没有效果

用代码块功能插入代码，请勿粘贴截图

  name="residence"
      label={
        
className={styles.lablebody}>
          type="shouji" width={1.5} height={1.3} />
          className={styles.labelText}>地区
        
      }
      rules={[
        {
          type: 'array',
          required: true,
          message: '请选择地区',
        },
    
      ]}
      onClick={() => {
        setVisible(true);
      }}
    >
      options={options}
        visible={visible}
        onClose={() => {
          setVisible(false);
        }}
        value={value}
        onConfirm={setValue}
      > 
      {items => {
      if (items.every(item => item === null)) {
        return '未选择'
      } else {
        return items.map(item => item?.label ?? '未选择').join('-')
      }
     
    }}
      
    
  

运行结果及报错内容

rules={[
          {
            required: true,
            message: 'Please select your favourite colors!',
            type: 'array',
          },
        ]}

官网例子 是这样

 <Form.Item
      label="Validating"
      hasFeedback
      validateStatus="error"
      help="Something breaks the rule."
    >
      <Cascader
        placeholder="I'm Cascader"
        options={[
          {
            value: 'xx',
            label: 'xx',
          },
        ]}
        allowClear
      />
    </Form.Item>

form表单项的value不应该去手动控制，官方文档里有写。