diff --git a/src/mantine-hooks/src/use-viewport-size/use-viewport-size.ts b/src/mantine-hooks/src/use-viewport-size/use-viewport-size.ts
index b1da6602e3e..93dcb5bb000 100644
--- a/src/mantine-hooks/src/use-viewport-size/use-viewport-size.ts
+++ b/src/mantine-hooks/src/use-viewport-size/use-viewport-size.ts
@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useState, useEffect } from 'react';
 import { useWindowEvent } from '../use-window-event/use-window-event';
 
 const eventListerOptions = {
@@ -17,6 +17,7 @@ export function useViewportSize() {
 
   useWindowEvent('resize', setSize, eventListerOptions);
   useWindowEvent('orientationchange', setSize, eventListerOptions);
+  useEffect(setSize, []);
 
   return windowSize;
 }