Problema al añadir nombre al eje X de un gráfico

Estoy tratando de establecer el nombre en mi eje X pero no aparece en el gráfico. Quiero agregar el título en el eje X del gráfico para representar las llamadas recibidas en el gráfico.

import React from 'react';

import { Card, CardHeader, Divider } from '@mui/material';
import { Bar } from 'react-chartjs-2';

import '../styles.css';

function Calls() {
    const data = {
        labels: [
            'FollowUp',
            'Already Purchased',
            'Customer Picked Up',
            'Auto Wrap Up',
            'Language Barrier',
            'Commercial Vehicle',
            'Car Not Finalized',
        ],
        datasets: [
            {
                label: 'Data',
                data: [650, 438, 578, 377, 100, 30, 0],
                fill: true,
                backgroundColor: 'rgba(0, 0, 183,1)',
            },
        ],
    };
    return (
        <div classname='chart-cardLayout'>
            <card classname='chart-card'>
                <cardheader title='Disposition Code Mix' classname='chart-cardHeader'></cardheader>
                <divider></divider>
                <div>
                    <bar data="{data}" options="{{" indexaxis:="" 'y'="" }}=""></bar>
                </div>
            </card>
        </div>
    );
}

export default Calls;

He intentado esto en las opciones pero no puedo mostrar el nombre del eje en el gráfico. Estoy utilizando la biblioteca react-chartjs-2 para representar el gráfico.

    options: {
        scales: {
            x: [
                {
                    title: {
                        display: true,
                        text: 'No. de Llamadas',
                    },
                },
            ],
        },
    },

    options: {
        scales: {
            xAxes: [
                {
                    scaleLabel: {
                        display: true,
                        labelString: 'Número de Llamadas',
                    },
                },
            ],
        },
    },