diff --git a/stateBox/useFavoriteStation.js b/stateBox/useFavoriteStation.js
index 24aa0ac..267df9d 100644
--- a/stateBox/useFavoriteStation.js
+++ b/stateBox/useFavoriteStation.js
@@ -1,4 +1,9 @@
-import React, { createContext, useContext, useState, useEffect } from "react";
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useLayoutEffect,
+} from "react";
 import { AS } from "../storageControl";
 const initialState = {
   favoriteStation: [],
@@ -13,7 +18,7 @@ export const useFavoriteStation = () => {
 
 export const FavoriteStationProvider = ({ children }) => {
   const [favoriteStation, setFavoriteStation] = useState([]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     AS.getItem("favoriteStation")
       .then((d) => {
         const returnData = JSON.parse(d);