diff --git a/src/pages/notFound/notFound.tsx b/src/pages/notFound/notFound.tsx index cebfe42..839c4b4 100644 --- a/src/pages/notFound/notFound.tsx +++ b/src/pages/notFound/notFound.tsx @@ -2,11 +2,15 @@ import React from 'react'; import { Text, Button, Center, VStack, Heading } from '@chakra-ui/react'; import { Link } from 'react-router-dom'; import { Player } from '@lottiefiles/react-lottie-player'; -import i18next from 'i18next'; import animate from '../../assets/animation/notFound.json'; +import { useTranslation } from 'react-i18next'; const NotFound = () => { + const { t } = useTranslation('~', { + keyPrefix: 'dry-wash', + }); + return (
@@ -21,12 +25,8 @@ const NotFound = () => { maxWidth: '450px', }} /> - - {i18next.t(`dry-wash.arm.notFound.title`)} - - - {i18next.t(`dry-wash.arm.notFound.description`)} - + {t(`notFound.title`)} + {t(`notFound.description`)}