diff --git a/packages/react-calendar/src/CenturyView.tsx b/packages/react-calendar/src/CenturyView.tsx
index 208aea1e..7afcdfcd 100644
--- a/packages/react-calendar/src/CenturyView.tsx
+++ b/packages/react-calendar/src/CenturyView.tsx
@@ -5,12 +5,10 @@ type CenturyViewProps = React.ComponentProps<typeof Decades>;
 /**
  * Displays a given century.
  */
-const CenturyView: React.FC<CenturyViewProps> = function CenturyView(props) {
+export default function CenturyView(props: CenturyViewProps) {
   function renderDecades() {
     return <Decades {...props} />;
   }
 
   return <div className="react-calendar__century-view">{renderDecades()}</div>;
-};
-
-export default CenturyView;
+}
diff --git a/packages/react-calendar/src/DecadeView.tsx b/packages/react-calendar/src/DecadeView.tsx
index 59602e45..4ec19826 100644
--- a/packages/react-calendar/src/DecadeView.tsx
+++ b/packages/react-calendar/src/DecadeView.tsx
@@ -5,12 +5,10 @@ type DecadeViewProps = React.ComponentProps<typeof Years>;
 /**
  * Displays a given decade.
  */
-const DecadeView: React.FC<DecadeViewProps> = function DecadeView(props) {
+export default function DecadeView(props: DecadeViewProps) {
   function renderYears() {
     return <Years {...props} />;
   }
 
   return <div className="react-calendar__decade-view">{renderYears()}</div>;
-};
-
-export default DecadeView;
+}
diff --git a/packages/react-calendar/src/MonthView.tsx b/packages/react-calendar/src/MonthView.tsx
index 53d7e88c..a4cd0275 100644
--- a/packages/react-calendar/src/MonthView.tsx
+++ b/packages/react-calendar/src/MonthView.tsx
@@ -44,7 +44,7 @@ type MonthViewProps = {
 /**
  * Displays a given month.
  */
-const MonthView: React.FC<MonthViewProps> = function MonthView(props) {
+export default function MonthView(props: MonthViewProps) {
   const { activeStartDate, locale, onMouseLeave, showFixedNumberOfWeeks } = props;
   const {
     calendarType = getCalendarTypeFromLocale(locale),
@@ -110,6 +110,4 @@ const MonthView: React.FC<MonthViewProps> = function MonthView(props) {
       </div>
     </div>
   );
-};
-
-export default MonthView;
+}
diff --git a/packages/react-calendar/src/YearView.tsx b/packages/react-calendar/src/YearView.tsx
index 48fdea87..1ebeb71d 100644
--- a/packages/react-calendar/src/YearView.tsx
+++ b/packages/react-calendar/src/YearView.tsx
@@ -5,12 +5,10 @@ type YearViewProps = React.ComponentProps<typeof Months>;
 /**
  * Displays a given year.
  */
-const YearView: React.FC<YearViewProps> = function YearView(props) {
+export default function YearView(props: YearViewProps) {
   function renderMonths() {
     return <Months {...props} />;
   }
 
   return <div className="react-calendar__year-view">{renderMonths()}</div>;
-};
-
-export default YearView;
+}