Пытаюсь вызвать ошибку через нажатие по кнопке, ничего не работает, что делать?

Импортируемые зависимости:

import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';

import { Panel, PanelHeader, Header, Group, CellButton, Snackbar } from '@vkontakte/vkui';
import { Icon28ErrorCircleOutline, Icon24LogoVk } from '@vkontakte/icons';

Функция вызова ошибки:

const openError = () => {
    <Snackbar before={<Icon28ErrorCircleOutline fill="var(--vkui--color_icon_negative)" />}>Не удалось получить токен, попробуйте заного!</Snackbar>
}

Кнопка отвечающая за это + код всего модуля Home:

const Home = ({ id, go, fetchedToken, catchError }) => (
    <Panel id={id}>
        <PanelHeader>Example</PanelHeader>
        {fetchedToken &&
        <Group header={<Header mode="secondary">Кнопочкииии</Header>}>
            <CellButton before={<Icon24LogoVk width={25} height={25} />} centered='true' mode='danger' onClick={openError}>Give me a error</CellButton>
        </Group>}
    </Panel>
);

При нажатии кнопки происходит НИЧЕГО!