работа Form.Item с импортируемыми компонентами antd react

Есть форма, в нее передаю импортируемый компонент Select

import SelectComponent from './selectComponent'; 
...  
<Form.Item
    name="role"
    rules={[
    {
        required: true,
        message: 'select role',
    },
    ]} >
    <SelectComponent ... />
</Form.Item>

Когда я выбираю значение в select то все равно срабатывает rules. Если я передам напрямую с библы компонент

import {select} from 'antd'; 
...   
<Form.Item
    name="role"
    rules={[
    {
        required: true,
        message: 'select role',
    },
    ]} >
    <Select ... />
</Form.Item>

то отрабатывает все ок. Подскажите, можно ли как-то корректно заставить работать форму с импортируемым компонентом?