Проверка соответствия шаблону Regex для формы не работает в ant.design

Question

У меня есть следующие данные для проверки соответствия uuid этой формы:

51de1069-c0fd-4418-8378-5871c597023b

Эта форма, по-видимому, не запускает проверку:

<Form
    name="id"
    onFinish={this.handleJoin}
    size="large"
>
    <Form.Item
        name="channelId"
        rules={[
            {
                required: true,
                type: "regexp",
                pattern: new RegExp("[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}"),
                message: 'Please enter a valid existing channel ID',
            },
        ]}
    >
        <Input min={30} max={40} placeholder="Enter channel ID" autoFocus={true} ref={this.input}/>
    </Form.Item>
    <Form.Item>
        <Button type="primary" htmlType="submit" block size="large" icon={<LoginOutlined />}>
            Join
        </Button>
    </Form.Item>
</Form>

Когда я нажмите кнопку присоединения, проверка не запускается. Любые идеи?

Когда я делаю проверку, как показано ниже, это работает, я получаю красное сообщение об ошибке под вводом:

{
    required: true,
    message: 'Please enter a valid existing channel ID',
}