fix: RevolvingBox translations (#994)

* call useTranslation hook inside RevolvingBox * try and trigger rerender for subcomponent on lang change --------- Signed-off-by: Joe Karow <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
weareinreach · Jan 5, 2024 · 5197eb5 · 5197eb5
1 parent d8e0b61
commit 5197eb5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui/components/sections/Hero.tsx b/packages/ui/components/sections/Hero.tsx
@@ -11,6 +11,7 @@ import {
 	useMantineTheme,
 } from '@mantine/core'
 import { useReducedMotion } from '@mantine/hooks'
+import { useRouter } from 'next/router'
 import { Trans, useTranslation } from 'next-i18next'
 import { useEffect, useState } from 'react'
 
@@ -83,7 +84,8 @@ const getRandomNumber = (min: number, max: number) => {
 }
 
 const RevolvingBox = ({ role }: RevolvingBoxProps) => {
-	const { t } = useTranslation('landingPage')
+	const router = useRouter()
+	const { t } = useTranslation('landingPage', { lng: router.locale })
 	const theme = useMantineTheme()
 	const reduceMotion = useReducedMotion()
 	const services = [