diff --git a/docs/src/pages/components/autocomplete/Virtualize.js b/docs/src/pages/components/autocomplete/Virtualize.js
index ae4a50e42e6bf5..8a46534e5b4079 100644
--- a/docs/src/pages/components/autocomplete/Virtualize.js
+++ b/docs/src/pages/components/autocomplete/Virtualize.js
@@ -20,10 +20,10 @@ function renderRow(props) {
   });
 }
 
-const outerElementPropsContext = React.createContext({});
+const OuterElementContext = React.createContext({});
 
 const OuterElementType = React.forwardRef((props, ref) => {
-  const outerProps = React.useContext(outerElementPropsContext);
+  const outerProps = React.useContext(OuterElementContext);
   return <div ref={ref} {...props} {...outerProps} />;
 });
 
@@ -53,7 +53,7 @@ const ListboxComponent = React.forwardRef(function ListboxComponent(props, ref)
 
   return (
     <div ref={ref}>
-      <outerElementPropsContext.Provider value={other}>
+      <OuterElementContext.Provider value={other}>
         <VariableSizeList
           itemData={itemData}
           height={getHeight() + 2 * LISTBOX_PADDING}
@@ -67,7 +67,7 @@ const ListboxComponent = React.forwardRef(function ListboxComponent(props, ref)
         >
           {renderRow}
         </VariableSizeList>
-      </outerElementPropsContext.Provider>
+      </OuterElementContext.Provider>
     </div>
   );
 });
diff --git a/docs/src/pages/components/autocomplete/Virtualize.tsx b/docs/src/pages/components/autocomplete/Virtualize.tsx
index cbdd07e7ebefc1..17cd5e086d46a8 100644
--- a/docs/src/pages/components/autocomplete/Virtualize.tsx
+++ b/docs/src/pages/components/autocomplete/Virtualize.tsx
@@ -19,10 +19,10 @@ function renderRow(props: ListChildComponentProps) {
   });
 }
 
-const outerElementPropsContext = React.createContext({});
+const OuterElementContext = React.createContext({});
 
 const OuterElementType = React.forwardRef<HTMLDivElement>((props, ref) => {
-  const outerProps = React.useContext(outerElementPropsContext);
+  const outerProps = React.useContext(OuterElementContext);
   return <div ref={ref} {...props} {...outerProps} />;
 });
 
@@ -52,7 +52,7 @@ const ListboxComponent = React.forwardRef<HTMLDivElement>(function ListboxCompon
 
   return (
     <div ref={ref}>
-      <outerElementPropsContext.Provider value={other}>
+      <OuterElementContext.Provider value={other}>
         <VariableSizeList
           itemData={itemData}
           height={getHeight() + 2 * LISTBOX_PADDING}
@@ -66,7 +66,7 @@ const ListboxComponent = React.forwardRef<HTMLDivElement>(function ListboxCompon
         >
           {renderRow}
         </VariableSizeList>
-      </outerElementPropsContext.Provider>
+      </OuterElementContext.Provider>
     </div>
   );
 });