Use new context pattern

atomiks · Oct 15, 2024 · 021ae16 · 021ae16
1 parent fa62cdf
commit 021ae16
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/packages/mui-base/src/ScrollArea/Root/ScrollAreaRootContext.ts b/packages/mui-base/src/ScrollArea/Root/ScrollAreaRootContext.ts
@@ -21,15 +21,17 @@ export interface ScrollAreaRootContext {
   handlePointerUp: (event: React.PointerEvent) => void;
 }
 
-export const ScrollAreaRootContext = React.createContext<ScrollAreaRootContext | null>(null);
+export const ScrollAreaRootContext = React.createContext<ScrollAreaRootContext | undefined>(
+  undefined,
+);
 
 if (process.env.NODE_ENV !== 'production') {
   ScrollAreaRootContext.displayName = 'ScrollAreaRootContext';
 }
 
 export function useScrollAreaRootContext() {
   const context = React.useContext(ScrollAreaRootContext);
-  if (context === null) {
+  if (context === undefined) {
     throw new Error('Base UI: ScrollAreaRootContext is undefined.');
   }
   return context;

diff --git a/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbarContext.ts b/packages/mui-base/src/ScrollArea/Scrollbar/ScrollAreaScrollbarContext.ts
@@ -4,17 +4,17 @@ export interface ScrollAreaScrollbarContext {
   orientation: 'horizontal' | 'vertical';
 }
 
-export const ScrollAreaScrollbarContext = React.createContext<ScrollAreaScrollbarContext | null>(
-  null,
-);
+export const ScrollAreaScrollbarContext = React.createContext<
+  ScrollAreaScrollbarContext | undefined
+>(undefined);
 
 if (process.env.NODE_ENV !== 'production') {
   ScrollAreaScrollbarContext.displayName = 'ScrollAreaScrollbarContext';
 }
 
 export function useScrollAreaScrollbarContext() {
   const context = React.useContext(ScrollAreaScrollbarContext);
-  if (context === null) {
+  if (context === undefined) {
     throw new Error('Base UI: ScrollAreaScrollbarContext is undefined.');
   }
   return context;