diff --git a/components/JobSection/index.tsx b/components/JobSection/index.tsx
index 96ab419c..d026eb00 100644
--- a/components/JobSection/index.tsx
+++ b/components/JobSection/index.tsx
@@ -22,13 +22,11 @@ interface Props {
 }
 
 const JobSection = (props: Props) => {
+  const { party } = useSnapshot(appState)
   const { t } = useTranslation("common")
 
   const [job, setJob] = useState<Job>()
   const [imageUrl, setImageUrl] = useState("")
-
-  const { party, jobSkills } = useSnapshot(appState)
-
   const [numSkills, setNumSkills] = useState(4)
   const [skills, setSkills] = useState<{ [key: number]: JobSkill | undefined }>(
     []
diff --git a/components/SearchModal/index.tsx b/components/SearchModal/index.tsx
index 9ba47017..c9ecfaf0 100644
--- a/components/SearchModal/index.tsx
+++ b/components/SearchModal/index.tsx
@@ -1,11 +1,9 @@
 import React, { useEffect, useState } from "react"
 import { getCookie, setCookie } from "cookies-next"
 import { useRouter } from "next/router"
-import { useSnapshot } from "valtio"
 import { useTranslation } from "react-i18next"
 import InfiniteScroll from "react-infinite-scroll-component"
 
-import { appState } from "~utils/appState"
 import api from "~utils/api"
 
 import * as Dialog from "@radix-ui/react-dialog"