diff --git a/src/components/quicklaunch.jsx b/src/components/quicklaunch.jsx
index 7278647fa..a98276596 100644
--- a/src/components/quicklaunch.jsx
+++ b/src/components/quicklaunch.jsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
+import { useTranslation } from "next-i18next";
 import { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
 import useSWR from "swr";
 import { SettingsContext } from "utils/contexts/settings";
 
diff --git a/src/components/services/ping.jsx b/src/components/services/ping.jsx
index 670f9d4bf..f8665e33c 100644
--- a/src/components/services/ping.jsx
+++ b/src/components/services/ping.jsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 import useSWR from "swr";
 
 export default function Ping({ groupName, serviceName, style }) {
diff --git a/src/components/services/site-monitor.jsx b/src/components/services/site-monitor.jsx
index 4dceb44ce..79496f65c 100644
--- a/src/components/services/site-monitor.jsx
+++ b/src/components/services/site-monitor.jsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 import useSWR from "swr";
 
 export default function SiteMonitor({ groupName, serviceName, style }) {
diff --git a/src/components/services/status.jsx b/src/components/services/status.jsx
index 3a6f3b330..2688ca0f3 100644
--- a/src/components/services/status.jsx
+++ b/src/components/services/status.jsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 import useSWR from "swr";
 
 export default function Status({ service, style }) {
diff --git a/src/components/services/widget/error.jsx b/src/components/services/widget/error.jsx
index 30c41283c..0d4757d3e 100644
--- a/src/components/services/widget/error.jsx
+++ b/src/components/services/widget/error.jsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 import { IoAlertCircle } from "react-icons/io5";
 
 function displayError(error) {
diff --git a/src/components/widgets/widget/error.jsx b/src/components/widgets/widget/error.jsx
index e454256f4..e0e8b1e14 100644
--- a/src/components/widgets/widget/error.jsx
+++ b/src/components/widgets/widget/error.jsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 import { BiError } from "react-icons/bi";
 
 import Container from "./container";
diff --git a/src/widgets/lubelogger/component.jsx b/src/widgets/lubelogger/component.jsx
index 390b74ea7..5ec889830 100644
--- a/src/widgets/lubelogger/component.jsx
+++ b/src/widgets/lubelogger/component.jsx
@@ -1,6 +1,6 @@
 import Block from "components/services/widget/block";
 import Container from "components/services/widget/container";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 
 import useWidgetAPI from "utils/proxy/use-widget-api";
 
diff --git a/src/widgets/prowlarr/component.jsx b/src/widgets/prowlarr/component.jsx
index 13d388f70..e454c1a7c 100644
--- a/src/widgets/prowlarr/component.jsx
+++ b/src/widgets/prowlarr/component.jsx
@@ -1,6 +1,6 @@
 import Block from "components/services/widget/block";
 import Container from "components/services/widget/container";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 
 import useWidgetAPI from "utils/proxy/use-widget-api";