diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index aac6b31..7a05eb9 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -136,4 +136,4 @@ const LearnContent: React.FC<LearnContentProps> = ({ file }) => {
   );
 };
 
-export default LearnContent;
\ No newline at end of file
+export default React.memo(LearnContent);
\ No newline at end of file
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 35fe9fe..3c36e7e 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { Menu, Dropdown, Button, Image, Grid } from "antd";
 import { useSpring, animated } from "react-spring";
 import { useLocation, Link } from "react-router-dom";
@@ -325,4 +325,4 @@ function Navbar({ scrollToFooter }: NavbarProps) {
   );
 }
 
-export default Navbar;
+export default React.memo(Navbar);
diff --git a/src/components/ResizableContainer.tsx b/src/components/ResizableContainer.tsx
index 0409ace..fedd029 100644
--- a/src/components/ResizableContainer.tsx
+++ b/src/components/ResizableContainer.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import useAppStore from '../store/store';
 
 interface ResizableContainerProps {
@@ -116,4 +116,4 @@ const ResizableContainer: React.FC<ResizableContainerProps> = ({
   );
 };
 
-export default ResizableContainer;
\ No newline at end of file
+export default React.memo(ResizableContainer);
\ No newline at end of file
diff --git a/src/components/SampleDropdown.tsx b/src/components/SampleDropdown.tsx
index 070aabe..3bcc3d7 100644
--- a/src/components/SampleDropdown.tsx
+++ b/src/components/SampleDropdown.tsx
@@ -1,6 +1,6 @@
 import { Button, Dropdown, Space, message, MenuProps } from "antd";
 import { DownOutlined } from "@ant-design/icons";
-import { useCallback, useMemo, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 import useAppStore from "../store/store";
 import { shallow } from "zustand/shallow";
 import { useStoreWithEqualityFn } from "zustand/traditional";
@@ -62,4 +62,4 @@ function SampleDropdown({
   );
 }
 
-export default SampleDropdown;
+export default React.memo(SampleDropdown);
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 70122f2..b0a78a1 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -50,4 +50,4 @@ const Sidebar: React.FC<SidebarProps> = ({ steps }) => {
   );
 };
 
-export default Sidebar;
\ No newline at end of file
+export default React.memo(Sidebar);
\ No newline at end of file