Wrap HourMark and MinuteMark components in memo()

wojtekmaj · Jul 26, 2023 · fbe38d6 · fbe38d6
1 parent a4569e2
commit fbe38d6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/HourMark.tsx b/src/HourMark.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 
 import Mark from './Mark';
 
@@ -10,11 +10,13 @@ type HourMarkProps = React.ComponentProps<typeof Mark> & {
   number?: number;
 };
 
-export default function HourMark({
+const HourMark = memo(function HourMark({
   formatHour = defaultFormatHour,
   locale,
   number,
   ...otherProps
 }: HourMarkProps) {
   return <Mark number={number ? formatHour(locale, number) : null} {...otherProps} />;
-}
+});
+
+export default HourMark;
diff --git a/src/MinuteMark.tsx b/src/MinuteMark.tsx
@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { memo } from 'react';
 
 import Mark from './Mark';
 
 type MinuteMarkProps = React.ComponentProps<typeof Mark>;
 
-export default function MinuteMark(props: MinuteMarkProps) {
+const MinuteMark = memo(function MinuteMark(props: MinuteMarkProps) {
   return <Mark {...props} />;
-}
+});
+
+export default MinuteMark;