CASL отображает дочерний компонент, если «не может»

Question

Как отобразить дочерний компонент с помощью @casl/react, если пользователь «не может» что-то сделать?

Я задаю этот вопрос, потому что я все еще хочу отобразить компонент, если пользователь не авторизован, но в отключенном состоянии.

Пример:

Что я хочу сделать:

<Cannot do="update" on="style">
    <button disabled={true}> Update </button>
</Cannot>

Answer 1

<Can> поддерживает not проп:

<Can not do="update" on="style">...</Can>

https://github.com/stalniy/casl/blob/master/packages/casl-react/README.md#3-property-names-and-aliases

Answer 2

Забыл, я могу просто проверить способности

<button disabled={!abilities.can('update', 'style')}> Update </button>