React集成i18next出现missing key翻译缺失报错问题

missingKey报错的核心原因是命名空间（ns）配置不匹配：

• 你在i18n初始化配置中明确设置了ns: ['translations']、defaultNS: 'translations'，i18next默认会到translations命名空间下查找所有翻译键
• 但你在resources字段中定义翻译资源时，使用的命名空间键是translation（末尾少了s），i18next找不到对应命名空间下的内容，就会抛出缺失key的错误。
  不管你用withTranslation高阶组件封装，还是直接调用useTranslation钩子，默认都会读取defaultNS指定的命名空间，所以之前更换翻译调用方式无法解决问题。

两种修改方式二选一即可：

• 方案1：调整i18n配置的命名空间，和已写的resources结构对齐
  把i18n初始化配置里的ns、defaultNS字段改成不带s的版本：

ns: ['translation'],
defaultNS: 'translation',

• 方案2：保留现有命名空间配置，调整resources结构和配置对齐
  把resources下各语言的命名空间键从translation改成translations：

resources: {
  en: {
    translations: { key: 'value' },
  },
  es: {
    translations: { key: 'value' },
  },
},

你提到的wait选项警告，只需要删除react配置项里的wait: true即可。新版本react-i18next已经用useSuspense参数完全替代了wait配置，你已经设置了useSuspense: false，删除冗余的wait配置后就不会再弹出该警告：

react: {
  useSuspense: false,
},

内容的提问来源于stack exchange，提问作者Julian Mendez