KL-176/refactor: separate location state initialization into custom hook

src/hooks/useInitializeLocationState.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react'
+import { useLocation } from 'react-router-dom'
+import useFeedStore from '@stores/useFeedStore'
+
+const useInitializeLocationState = () => {
+  const location = useLocation()
+  const resetSelectedField = useFeedStore((state) => state.resetSelectedField)
+
+  useEffect(() => {
+    const deleteDataState = (state) => {
+      if (!state?.usr) return state
+      const newState = { ...state, usr: { ...state.usr } }
+      if ('data' in newState.usr) delete newState.usr.data
+      return newState
+    }
+    const { history } = window
+    if (history.state) {
+      const newState = deleteDataState(history.state)
+      if (newState) history.replaceState(newState, '')
+    }
+    return resetSelectedField
+  }, [location.state])
+}
+
+export default useInitializeLocationState

src/pages/FeedPage/FeedPage.jsx

@@ -1,8 +1,7 @@
-import React, { useEffect } from 'react'
-import { useLocation } from 'react-router-dom'
-import useFeedStore from '@stores/useFeedStore'
+import React from 'react'
 import useInitializeState from '@hooks/useInitializeState'
 import useNavIndex from '@hooks/useNavIndex'
+import useInitializeLocationState from '@hooks/useInitializeLocationState'
 import Thumbnail from './components/Thumbnail/Thumbnail'
 import BasicFilter from './components/BasicFilter/BasicFilter'
 import AdditionalFilter from './components/AdditionalFilter/AdditionalFilter'
@@ -13,24 +12,7 @@ import { FeedPageLayout, FeedPageContent, FeedArea } from './FeedPage.style'
 function FeedPage() {
   useInitializeState()
   useNavIndex('FEED')
-
-  const location = useLocation()
-  const resetSelectedField = useFeedStore((state) => state.resetSelectedField)
-
-  useEffect(() => {
-    const deleteDataState = (state) => {
-      if (!state?.usr) return state
-      const newState = { ...state, usr: { ...state.usr } }
-      if ('data' in newState.usr) delete newState.usr.data
-      return newState
-    }
-    const { history } = window
-    if (history.state) {
-      const newState = deleteDataState(history.state)
-      if (newState) history.replaceState(newState, '')
-    }
-    return resetSelectedField
-  }, [location.state])
+  useInitializeLocationState()
 
   return (
     <FeedPageLayout>