use layout effect (in 2.1.3)

Author: Ayc0

CHANGELOG.md

@@ -5,10 +5,15 @@
 ### 2.1
 
 - `useOnly` returns `undefined` before being initialized
+- fix bugs
 
 <details>
   <summary>See detailed changelog</summary>
 
+#### 2.1.3
+
+- re-use `useLayoutEffect` to reduce delay between initialization and true values
+
 #### 2.1.2
 
 - fix non-valid breakpoints

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-only",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "🔍 <Only /> displays some contents for a specific screen size",
   "source": "src/index.ts",
   "main": "lib/react-only.js",

src/useOnly.ts

@@ -18,7 +18,7 @@ export const useOnly = (on?: string, media?: string, strict?: boolean) => {
     [toMediaQuery, on, media, strict]
   );
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (!mediaQuery) {
       return;
     }