npm install react-calendar-events-full-year --save

import Calendar from 'react-calendar-events-full-year'

const tempEvents = [
  {
    "id": "1",
    "title": "test title - 4",
    "from": "2022-06-10T11:33:35.833Z",
    "to":  "2022-07-29T14:33:35.833Z"
  }
]

function App() {
  const [calendarEvents, setEvents] = useState<MyEvent[]>(tempEvents.map(d => ({...d, from: new Date(d.from), to: new Date(d.to)})));
  
  return (
    <div className="">
      <Calendar calendarEvents={calendarEvents}/>
    </div>
  );
}

export default App;