Cómo hacer un calendario personalizado solo con el mes y el año

Estoy tratando de crear un calendario que se vea como la imagen, pero no puedo hacerlo. ¿Hay alguna manera mejor de hacer esto?

Aquí está mi código (estoy usando moment para hacer esto).

import React from 'react'
import moment from 'moment'
const Calendario = () => {
    const value = moment()
    const startMonth = value.clone().startOf('year')
    const endMonth = value.clone().endOf('year')
    const month = startMonth.clone()
    const calendar = [];

    // while(startMonth.isBefore(endMonth, 'month')) {
    //     calendar.push(
    //         Array(7).fill(0).map(()=>month.add(1,'month').clone())
    //     )
    // }

    console.log('mes ' + month.format('MMM'));
    while (month.format('MMM') === 'Dec') {
        calendar.push(
            // Array(12).map(()=>month.add(1,'month').clone())
            console.log(month.add(1,'month'))
        )
    }

    return ( <>
        {console.log(calendar)}
        <div>
            {calendar}
            {endMonth.format('MMM')}
        </div>
    </> );
}

export default Calendario;