evento Onclick no React

como faço pra exibir na tela um grafico com evento onclick

eu tenho essa função

const ChartDay = () => (
    <>
        <div className='header'>
            <div className='grafico'>
                <h3 className="title__chart">Atendimentos Dia </h3>
            </div>
        </div>
        <Line data={data} options={options} />
    </>
);

export default ChartDay;

e tenho esses botões

function ButtonChart(){

    return(
        <div className="buttonChart__card__box">
            <a href='/dashboard/graficodia'>
                <button className= 'buttonChart__01'> Dia </button>
            </a>
            <a href='/dashboard/graficosemana'>
                 <button className= 'buttonChart__02'> Semana </button>
            </a>
            <a href='/dashboard/graficomes'>
                <button className= 'buttonChart__03'>Mês</button>
            </a>

        </div>
    )

}
export default ButtonChart;

cada um vai chamar um grafico diferente eu ate fiz com routes mais ta dando um conflito de rota