diff options
Diffstat (limited to 'desktop')
8 files changed, 12 insertions, 12 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/Map.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/Map.tsx index c4df7ebbbe..674524b21f 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/Map.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/Map.tsx @@ -84,13 +84,13 @@ function MapInner(props: MapInnerProps) { const { getMapData } = useAppContext(); // When location or connection state changes it's stored here until passed to 3dmap - const newParams = useRef<MapParams>(); + const newParams = useRef<MapParams>(undefined); // This is set to true when rendering should be paused const pause = useRef<boolean>(false); - const mapRef = useRef<GlMap>(); - const canvasRef = useRef<HTMLCanvasElement>(); + const mapRef = useRef<GlMap>(undefined); + const canvasRef = useRef<HTMLCanvasElement>(undefined); // eslint-disable-next-line react-compiler/react-compiler const width = applyPixelRatio(canvasRef.current?.clientWidth ?? window.innerWidth); diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx index ba2077ec03..c79011ce30 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx @@ -73,7 +73,7 @@ const ActiveModalContext = React.createContext<IModalContext>({ export function ModalContainer(props: IModalContainerProps) { const [activeModal, setActiveModal] = useState(false); - const previousActiveElement = useRef<HTMLElement>(); + const previousActiveElement = useRef<HTMLElement>(undefined); const contextValue = useMemo( () => ({ diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/NavigationScrollbars.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/NavigationScrollbars.tsx index 0c088674aa..93188659b1 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/NavigationScrollbars.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/NavigationScrollbars.tsx @@ -21,7 +21,7 @@ export const NavigationScrollbars = React.forwardRef(function NavigationScrollba const { setNavigationHistory } = useAppContext(); const { onScroll } = useContext(NavigationScrollContext); - const ref = useRef<CustomScrollbarsRef>(); + const ref = useRef<CustomScrollbarsRef>(undefined); const combinedRefs = useCombinedRefs(forwardedRef, ref); const beforeunload = useEffectEvent(() => { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/ProblemReport.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/ProblemReport.tsx index e2adf4d10f..4d09862e4e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/ProblemReport.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/ProblemReport.tsx @@ -422,7 +422,7 @@ const useCollectLog = () => { const { collectProblemReport } = useAppContext(); const accountHistory = useSelector((state) => state.account.accountHistory); - const collectLogPromise = useRef<Promise<string>>(); + const collectLogPromise = useRef<Promise<string>>(undefined); const collectLog = useCallback(async (): Promise<string> => { if (collectLogPromise.current) { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/ScrollPositionContext.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/ScrollPositionContext.tsx index 55ee8dae97..73d402393b 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/ScrollPositionContext.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/ScrollPositionContext.tsx @@ -13,11 +13,11 @@ import { SpacePreAllocationView } from './SpacePreAllocationView'; interface ScrollPositionContext { scrollPositions: React.RefObject<Partial<Record<LocationType, ScrollPosition>>>; // The selected location element is used to scroll to it when opening the view - selectedLocationRef: React.RefObject<HTMLDivElement>; + selectedLocationRef: React.RefObject<HTMLDivElement | null>; // The scroll view container is used to get the current scroll position and to restore an old one - scrollViewRef: React.RefObject<CustomScrollbarsRef>; + scrollViewRef: React.RefObject<CustomScrollbarsRef | null>; // The space pre allocation view is used to enable smooth scrolling when opening locations - spacePreAllocationViewRef: React.RefObject<SpacePreAllocationView>; + spacePreAllocationViewRef: React.RefObject<SpacePreAllocationView | null>; saveScrollPosition: () => void; resetScrollPositions: () => void; scrollIntoView: (rect: DOMRect) => void; diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SpacePreAllocationView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SpacePreAllocationView.tsx index 4b493aeed1..40d1e241b8 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SpacePreAllocationView.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SpacePreAllocationView.tsx @@ -5,7 +5,7 @@ interface ISpacePreAllocationView { } export class SpacePreAllocationView extends React.Component<ISpacePreAllocationView> { - private ref = React.createRef<HTMLDivElement>(); + private ref = React.createRef<HTMLDivElement | null>(); public allocate(height: number) { if (this.ref.current) { diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/api-access-methods.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/api-access-methods.ts index 90d406cc3d..d52d9ab0e2 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/api-access-methods.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/api-access-methods.ts @@ -22,7 +22,7 @@ export function useApiAccessMethodTest( const [testResult, setTestResult] = useState<boolean>(); // We keep the promise for the most recent test to compare it when we receive the results to know // if it's canceled or not. - const lastTestPromise = useRef<Promise<boolean>>(); + const lastTestPromise = useRef<Promise<boolean>>(undefined); // A few seconds after the test has finished the result should not be displayed anymore. This // scheduler is used to clear it. diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/transition-hooks.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/transition-hooks.ts index ee4a8f7eae..592afc15a4 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/transition-hooks.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/transition-hooks.ts @@ -30,7 +30,7 @@ export function useAfterTransition() { export function useViewTransitions(onTransition?: () => void): Location<LocationState> { const history = useHistory(); const [currentLocation, setCurrentLocation] = useState(history.location); - const queuedLocationRef = useRef<QueueItem | undefined>(); + const queuedLocationRef = useRef<QueueItem>(undefined); const { setNavigationHistory } = useAppContext(); const reduceMotion = getReduceMotion(); |