diff --git a/components/popover/demo/arrow.tsx b/components/popover/demo/arrow.tsx
index 3f5bd53262..81e9dcb32a 100644
--- a/components/popover/demo/arrow.tsx
+++ b/components/popover/demo/arrow.tsx
@@ -12,7 +12,6 @@ const content = (
 const buttonWidth = 80;
 
 const App: React.FC = () => {
-  const options = ['Show', 'Hide', 'Center'];
   const [arrow, setArrow] = useState('Show');
 
   const mergedArrow = useMemo(() => {
@@ -36,7 +35,7 @@ const App: React.FC = () => {
       }}
     >
       <Segmented
-        options={options}
+        options={['Show', 'Hide', 'Center']}
         onChange={(val: string) => {
           setArrow(val);
         }}
diff --git a/components/tooltip/demo/arrow.tsx b/components/tooltip/demo/arrow.tsx
index a68cec9850..ecf7621fff 100644
--- a/components/tooltip/demo/arrow.tsx
+++ b/components/tooltip/demo/arrow.tsx
@@ -6,7 +6,6 @@ const text = <span>prompt text</span>;
 const buttonWidth = 80;
 
 const App: React.FC = () => {
-  const options = ['Show', 'Hide', 'Center'];
   const [arrow, setArrow] = useState('Show');
 
   const mergedArrow = useMemo(() => {
@@ -31,7 +30,7 @@ const App: React.FC = () => {
     >
       <Segmented
         value={arrow}
-        options={options}
+        options={['Show', 'Hide', 'Center']}
         onChange={(val: string) => {
           setArrow(val);
         }}