diff --git a/package-lock.json b/package-lock.json
index 1cd8a8b..cf79a48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,7 +32,7 @@
         "sharp": "^0.30.1",
         "shortid": "^2.2.16",
         "styled-components": "^5.3.0",
-        "swr": "^0.5.6"
+        "swr": "^1.2.2"
       },
       "devDependencies": {
         "@types/jest": "^27.0.1",
@@ -12581,14 +12581,11 @@
       "dev": true
     },
     "node_modules/swr": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-0.5.7.tgz",
-      "integrity": "sha512-Jh1Efgu8nWZV9rU4VLUMzBzcwaZgi4znqbVXvAtUy/0JzSiN6bNjLaJK8vhY/Rtp7a83dosz5YuehfBNwC/ZoQ==",
-      "dependencies": {
-        "dequal": "2.0.2"
-      },
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
+      "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
       "peerDependencies": {
-        "react": "^16.11.0 || ^17.0.0"
+        "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/symbol-tree": {
@@ -23939,12 +23936,10 @@
       "dev": true
     },
     "swr": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-0.5.7.tgz",
-      "integrity": "sha512-Jh1Efgu8nWZV9rU4VLUMzBzcwaZgi4znqbVXvAtUy/0JzSiN6bNjLaJK8vhY/Rtp7a83dosz5YuehfBNwC/ZoQ==",
-      "requires": {
-        "dequal": "2.0.2"
-      }
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
+      "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
+      "requires": {}
     },
     "symbol-tree": {
       "version": "3.2.4",
diff --git a/package.json b/package.json
index d3fe5eb..3cf86ff 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,6 @@
     "sharp": "^0.30.1",
     "shortid": "^2.2.16",
     "styled-components": "^5.3.0",
-    "swr": "^0.5.6"
+    "swr": "^1.2.2"
   }
 }
diff --git a/src/hooks/useFetchEvents.ts b/src/hooks/useFetchEvents.ts
index 8d1fe64..2a810ba 100644
--- a/src/hooks/useFetchEvents.ts
+++ b/src/hooks/useFetchEvents.ts
@@ -28,13 +28,13 @@ const generateFetchParams = (id = "", options: Options = {}) => {
 };
 
 interface FetchArguments {
-  initialData?: Event | Event[],
+  fallbackData?: Event | Event[],
   id?: string;
   options?: Options
 }
 
 const useFetchEvents = ({
-  initialData,
+  fallbackData,
   id = "",
   options = {},
 }: FetchArguments) => {
@@ -46,7 +46,7 @@ const useFetchEvents = ({
     configRef.current = config;
   }
 
-  const { data, error } = useSWR([url, configRef.current], fetcher, { initialData });
+  const { data, error } = useSWR([url, configRef.current], fetcher, { fallbackData });
   return {
     data: data?.results || data,
     error,
diff --git a/src/hooks/useFetchFeed.ts b/src/hooks/useFetchFeed.ts
index e17d063..cf0fe2a 100644
--- a/src/hooks/useFetchFeed.ts
+++ b/src/hooks/useFetchFeed.ts
@@ -25,13 +25,13 @@ const generateFetchParams = (id = "", options: Options = {}) => {
 };
 
 interface FetchArguments {
-  initialData?: Post | Post[],
+  fallbackData?: Post | Post[],
   id?: string;
   options?: Options
 }
 
 const useFetchFeed = ({
-  initialData,
+  fallbackData,
   id = "",
   options = {},
 }: FetchArguments) => {
@@ -43,7 +43,7 @@ const useFetchFeed = ({
     configRef.current = config;
   }
 
-  const { data, error } = useSWR([url, configRef.current], feedFetcher, { initialData });
+  const { data, error } = useSWR([url, configRef.current], feedFetcher, { fallbackData });
   return {
     data: data?.results || data,
     error,
diff --git a/src/hooks/useFetchJobAds.ts b/src/hooks/useFetchJobAds.ts
index b81829d..b422832 100644
--- a/src/hooks/useFetchJobAds.ts
+++ b/src/hooks/useFetchJobAds.ts
@@ -28,13 +28,13 @@ const generateFetchParams = (id = "", options: Options = {}) => {
 };
 
 interface FetchArguments {
-  initialData?: JobAd | JobAd[],
+  fallbackData?: JobAd | JobAd[],
   id?: string;
   options?: Options;
 }
 
 const useFetchJobAds = ({
-  initialData,
+  fallbackData,
   id = "",
   options = {},
 }: FetchArguments) => {
@@ -46,7 +46,7 @@ const useFetchJobAds = ({
     configRef.current = config;
   }
 
-  const { data, error } = useSWR([url, configRef.current], jobAdFetcher, { initialData });
+  const { data, error } = useSWR([url, configRef.current], jobAdFetcher, { fallbackData });
   return {
     data: data?.results || data,
     error,
diff --git a/src/pages/in_english.tsx b/src/pages/in_english.tsx
index 87fdbbc..d1cfdef 100644
--- a/src/pages/in_english.tsx
+++ b/src/pages/in_english.tsx
@@ -24,8 +24,8 @@ interface InitialProps {
 }
 
 const InEnglishPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
-  const eventResult = useFetchEvents({ initialData: initialEvents, options: eventOptions });
-  const feedResult = useFetchFeed({ initialData: initialFeed, options: feedOptions });
+  const eventResult = useFetchEvents({ fallbackData: initialEvents, options: eventOptions });
+  const feedResult = useFetchFeed({ fallbackData: initialFeed, options: feedOptions });
 
   return (
     <>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index bf7be98..b18dc68 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -24,8 +24,8 @@ interface InitialProps {
 }
 
 const FrontPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
-  const eventResult = useFetchEvents({ initialData: initialEvents, options: eventOptions });
-  const feedResult = useFetchFeed({ initialData: initialFeed, options: feedOptions });
+  const eventResult = useFetchEvents({ fallbackData: initialEvents, options: eventOptions });
+  const feedResult = useFetchFeed({ fallbackData: initialFeed, options: feedOptions });
 
   return (
     <>
diff --git a/src/pages/kilta/toiminta.tsx b/src/pages/kilta/toiminta.tsx
index 5122bf3..e0efd46 100644
--- a/src/pages/kilta/toiminta.tsx
+++ b/src/pages/kilta/toiminta.tsx
@@ -16,8 +16,8 @@ interface InitialProps {
 }
 
 const ActualPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
-  const eventResult = useFetchEvents({ initialData: initialEvents });
-  const feedResult = useFetchFeed({ initialData: initialFeed });
+  const eventResult = useFetchEvents({ fallbackData: initialEvents });
+  const feedResult = useFetchFeed({ fallbackData: initialFeed });
 
   return (
     <>
diff --git a/src/pages/signup/[id].tsx b/src/pages/signup/[id].tsx
index d66dca5..5134d68 100644
--- a/src/pages/signup/[id].tsx
+++ b/src/pages/signup/[id].tsx
@@ -24,7 +24,7 @@ const SignUpPage: NextPage<InitialProps> = ({ initialForm }) => {
   const router = useRouter();
   const id = String(initialForm?.id ?? "");
   const URL = `${FORM_URL}${id}/`;
-  const { data, error } = useSWR<SignupForm>(URL, (url) => axios.get(url).then((res) => res.data), { initialData: initialForm });
+  const { data, error } = useSWR<SignupForm>(URL, (url) => axios.get(url).then((res) => res.data), { fallbackData: initialForm });
 
   if (error) {
     console.error(error);
diff --git a/src/pages/yritysyhteistyo.tsx b/src/pages/yritysyhteistyo.tsx
index 0c185c2..5eed22b 100644
--- a/src/pages/yritysyhteistyo.tsx
+++ b/src/pages/yritysyhteistyo.tsx
@@ -13,7 +13,7 @@ interface InitialProps {
 
 const CorporatePage: NextPage<InitialProps> = ({ initialJobAds }) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { data, error } = useFetchJobAds({ initialData: initialJobAds });
+  const { data, error } = useFetchJobAds({ fallbackData: initialJobAds });
   return (
     <>
       <Head>