diff --git a/js/components/PlaylistWindow/PlaylistMenu.tsx b/js/components/PlaylistWindow/PlaylistMenu.tsx
index 62815f04..700c9212 100644
--- a/js/components/PlaylistWindow/PlaylistMenu.tsx
+++ b/js/components/PlaylistWindow/PlaylistMenu.tsx
@@ -13,7 +13,7 @@ interface State {
   selected: boolean;
 }
 
-export default function PlaylistMenu(props: Props) {
+function PlaylistMenu(props: Props) {
   const [selected, setSelected] = useState(false);
 
   const [ref, setRef] = useState<Element | null>(null);
@@ -51,3 +51,4 @@ export default function PlaylistMenu(props: Props) {
     </div>
   );
 }
+export default React.memo(PlaylistMenu);
diff --git a/js/components/PlaylistWindow/PlaylistMenuEntry.tsx b/js/components/PlaylistWindow/PlaylistMenuEntry.tsx
index b4867c61..397cbbe9 100644
--- a/js/components/PlaylistWindow/PlaylistMenuEntry.tsx
+++ b/js/components/PlaylistWindow/PlaylistMenuEntry.tsx
@@ -7,7 +7,7 @@ interface Props {
 }
 
 // We implement hover ourselves, because we hate ourselves and https://stackoverflow.com/a/13259049/1263117
-export default function PlaylistMenuEntry({ children }: Props) {
+function PlaylistMenuEntry({ children }: Props) {
   const { ref, hover } = useIsHovered();
   return (
     <li ref={ref} className={classnames({ hover })}>
@@ -15,3 +15,5 @@ export default function PlaylistMenuEntry({ children }: Props) {
     </li>
   );
 }
+
+export default React.memo(PlaylistMenuEntry);
diff --git a/js/components/PlaylistWindow/ScrollBar.tsx b/js/components/PlaylistWindow/ScrollBar.tsx
index 155fda5d..7c0dc321 100644
--- a/js/components/PlaylistWindow/ScrollBar.tsx
+++ b/js/components/PlaylistWindow/ScrollBar.tsx
@@ -39,4 +39,4 @@ const ScrollBar = () => {
   );
 };
 
-export default ScrollBar;
+export default React.memo(ScrollBar);
diff --git a/js/components/ResizeTarget.tsx b/js/components/ResizeTarget.tsx
index 0e73ff72..d01af6ed 100644
--- a/js/components/ResizeTarget.tsx
+++ b/js/components/ResizeTarget.tsx
@@ -13,7 +13,7 @@ interface Props {
   id?: string;
 }
 
-export default function ResizeTarget(props: Props) {
+function ResizeTarget(props: Props) {
   const { currentSize, setWindowSize, widthOnly, ...passThroughProps } = props;
   const [mouseDown, setMouseDown] = useState(false);
   const [mouseStart, setMouseStart] = useState<null | { x: number; y: number }>(
@@ -67,3 +67,4 @@ export default function ResizeTarget(props: Props) {
 
   return <div onMouseDown={handleMouseDown} {...passThroughProps} />;
 }
+export default React.memo(ResizeTarget);