From a6432ec561781170f5f44d74d6732f1dd2d9d576 Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Wed, 16 Dec 2020 12:39:52 -0600
Subject: [PATCH] fix(client): translation hydration (#40469)

* fix: translation hydration
---
 client/gatsby-ssr.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/gatsby-ssr.js b/client/gatsby-ssr.js
index 4c7cb03047..91a115123c 100644
--- a/client/gatsby-ssr.js
+++ b/client/gatsby-ssr.js
@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
+import { I18nextProvider } from 'react-i18next';
 
+import i18n from './i18n/config';
 import headComponents from './src/head';
 import { createStore } from './src/redux/createStore';
 
@@ -10,7 +12,11 @@ import layoutSelector from './utils/gatsby/layoutSelector';
 const store = createStore();
 
 export const wrapRootElement = ({ element }) => {
-  return <Provider store={store}>{element}</Provider>;
+  return (
+    <Provider store={store}>
+      <I18nextProvider i18n={i18n}>{element}</I18nextProvider>
+    </Provider>
+  );
 };
 
 wrapRootElement.propTypes = {