feat: memoize static components

2 files changed, 4 insertions, 4 deletions

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 5aa66ba..c3a678c 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -42,7 +42,7 @@ const useStyles = makeStyles(theme => ({
 }));
 
 
-const Header: React.FC = () => {
+const Header: React.FC = React.memo(() => {
   const classes = useStyles();
   const { user } = useAuth();
   const theme = useTheme();
@@ -118,7 +118,7 @@ const Header: React.FC = () => {
   );
 
   return isMobile ? MobileVersion : BrowserVersion;
-};
+});
 
 export default Header;
 
diff --git a/src/components/Header/SearchBar.tsx b/src/components/Header/SearchBar.tsx
index f541589..8bfe0fb 100644
--- a/src/components/Header/SearchBar.tsx
+++ b/src/components/Header/SearchBar.tsx
@@ -37,7 +37,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-const SearchBar: React.FC = () => {
+const SearchBar: React.FC = React.memo(() => {
   const [results, setResults] = useState<User[]>([]);
   const [query, setQuery] = useState<string>('');
   const [debouncedQuery, setDebouncedQuery] = useState<string>(query);
@@ -104,7 +104,7 @@ const SearchBar: React.FC = () => {
       {results.length > 0 && SearchResults}
     </div>
   );
-};
+});
 
 
 export default SearchBar;