Блок Wordpress GutenBurg — ожидается, что React.Children.only получит один дочерний элемент React

Когда я пытаюсь добавить Tooltip в WordPress при создании gutenburg blocks
он показывает ошибку. Проверьте ниже

Invariant Violation: Minified React error #143; visit https://reactjs.org/docs/error-decoder.html?invariant=143

React.Children.only expected to receive a single React element child

Вот мой код, который я пытаюсь.

<Fragment>
    <div className = "my-block-class">
        <Tooltip text = { __( 'Select Grid' ) }>
            { getIcon( 'block-icon', true ) }
        </Tooltip>
    </div>
    <InnerBlocks
        template = { this.getBlockTemplate() }
        templateLock = "all"
        allowedBlocks = { [ 'hwb/my-block' ] }
    />
</Fragment>

Проблема именно в этом коде.

<Tooltip text = { __( 'Select Grid' ) }>
    { getIcon( 'block-icon', true ) }
</Tooltip>

Когда я удаляю код Tooltip, он работает нормально.

Обновлять

getIcon() верните значок svg Я тоже пробовал Dashicon не работает значит проблема не в geticon() функции.

Я тоже пробовал так.

<Tooltip text = { __( 'Select Grid' ) }>
    <Dashicon icon = "edit" />
</Tooltip>