diff --git a/react-compiler.config.js b/react-compiler.config.js
index e484a6674..93c38a1cd 100644
--- a/react-compiler.config.js
+++ b/react-compiler.config.js
@@ -39,6 +39,7 @@ export const REACT_COMPILER_ENABLED_DIRS = [
   "src/components/shared/InlineEditor",
   "src/components/shared/ManageComponent/PublishComponentButton.tsx",
   "src/components/shared/ManageComponent/DeprecatePublishedComponentButton.tsx",
+  "src/components/shared/ManageComponent/PublishComponent.tsx",
 
   // 11-20 useCallback/useMemo
   // "src/components/ui",                         // 12
diff --git a/src/components/shared/ManageComponent/PublishComponent.tsx b/src/components/shared/ManageComponent/PublishComponent.tsx
index 271689aac..616fcd02c 100644
--- a/src/components/shared/ManageComponent/PublishComponent.tsx
+++ b/src/components/shared/ManageComponent/PublishComponent.tsx
@@ -1,5 +1,4 @@
 import { Separator } from "@radix-ui/react-separator";
-import { useCallback } from "react";
 
 import { BlockStack } from "@/components/ui/layout";
 import { ScrollArea } from "@/components/ui/scroll-area";
@@ -49,9 +48,9 @@ export const PublishComponent = withSuspenseWrapper(
     const { data: history, refetch: refetchHistory } =
       usePublishedComponentHistory(component, currentUserDetails?.id ?? "");
 
-    const onChange = useCallback(() => {
+    const onChange = () => {
       refetchHistory();
-    }, [refetchHistory]);
+    };
 
     return (
       <ScrollArea className="h-full">