diff --git a/scripts/__snapshots__/e2e-templates.test.js.snap b/scripts/__snapshots__/e2e-templates.test.js.snap
index 549d137e5..ec3691f8d 100644
--- a/scripts/__snapshots__/e2e-templates.test.js.snap
+++ b/scripts/__snapshots__/e2e-templates.test.js.snap
@@ -4179,7 +4179,12 @@ class App extends Component {
               </div>
 
               <div className=\\"search-panel__results\\">
-                <SearchBox className=\\"searchbox\\" placeholder=\\"Search placeholder\\" />
+                <SearchBox
+                  className=\\"searchbox\\"
+                  translations={{
+                    placeholder: 'Search placeholder',
+                  }}
+                />
                 <Hits hitComponent={Hit} />
 
                 <div className=\\"pagination\\">
diff --git a/src/templates/React InstantSearch/src/App.js.hbs b/src/templates/React InstantSearch/src/App.js.hbs
index d1c462901..362b54ce4 100644
--- a/src/templates/React InstantSearch/src/App.js.hbs	
+++ b/src/templates/React InstantSearch/src/App.js.hbs	
@@ -48,7 +48,12 @@ class App extends Component {
 
               {{/if}}
               <div className="search-panel__results">
-                <SearchBox className="searchbox" placeholder="{{searchPlaceholder}}" />
+                <SearchBox
+                  className="searchbox"
+                  translations=\{{
+                    placeholder: '{{searchPlaceholder}}',
+                  }}
+                />
                 <Hits hitComponent={Hit} />
 
                 <div className="pagination">