diff --git a/src/components/QuranReader/TranslationView/TranslationViewVerse/hooks/useDedupedFetchVerse.ts b/src/components/QuranReader/TranslationView/TranslationViewVerse/hooks/useDedupedFetchVerse.ts index 81c5c6467c..ba1dbdcaaa 100644 --- a/src/components/QuranReader/TranslationView/TranslationViewVerse/hooks/useDedupedFetchVerse.ts +++ b/src/components/QuranReader/TranslationView/TranslationViewVerse/hooks/useDedupedFetchVerse.ts @@ -112,8 +112,16 @@ const useDedupedFetchVerse = ({ ) : null; + const verse = verses ? verses[idxInPage] : null; + + // This part handles an edge case where the user has no selected translations but the `initialData` sent from server-side rendering has a default translation. + // So, we need to remove the translations from the verse if the user has no selected translations. + if (verse && selectedTranslations.length === 0) { + verse.translations = []; + } + return { - verse: verses ? verses[idxInPage] : null, + verse, firstVerseInPage: verses ? verses[0] : null, bookmarksRangeUrl, notesRange: verses