How to use the @mapbox/batfish/data/holidays-data.map function in @mapbox/batfish

import React from 'react';
import holidaysData from '@mapbox/batfish/data/holidays-data';
import PageShell from './page-shell';
import SidebarNavigation from './sidebar-navigation';

const sidebarItems = holidaysData.map((holiday) => {
  return {
    content: (
      <div>
        {holiday.frontMatter.title}
        <div>({holiday.frontMatter.date})</div>
      </div>
    ),
    url: holiday.path
  };
});

export default class HolidayWrapper extends React.Component {
  render() {
    const { props } = this;

    return (

render() {
    const { props } = this;

    const holidayItems = holidaysData.map((holiday) => {
      return (
        <a href="{holiday.path}">
          <div>
            {holiday.frontMatter.title}
          </div>
          <div>({holiday.frontMatter.date})</div>
        </a>
      );
    });

    return (