fix: useMobile should not warn useLayoutEffect in SSR (#435)

Author: MadCcc

src/hooks/useMobile.ts

@@ -1,5 +1,6 @@
-import { useLayoutEffect, useState } from 'react';
+import { useState } from 'react';
 import isMobile from '../isMobile';
+import useLayoutEffect from './useLayoutEffect';
 
 /**
  * Hook to detect if the user is on a mobile device

tests/hooks.test.js

@@ -518,5 +518,18 @@ describe('hooks', () => {
 
       navigatorSpy.mockRestore();
     });
+
+    it('should not warn useLayoutEffect in SSR', () => {
+      const errorSpy = jest.spyOn(console, 'error');
+      const Demo = () => {
+        useMobile();
+        return null;
+      };
+      renderToString(<Demo />);
+      expect(errorSpy).not.toHaveBeenCalledWith(
+        expect.stringContaining('useLayoutEffect'),
+        expect.anything(),
+      );
+    });
   });
 });