diff --git a/scripts/__snapshots__/e2e-templates.test.js.snap b/scripts/__snapshots__/e2e-templates.test.js.snap
index 05adc689d..8d4d36312 100644
--- a/scripts/__snapshots__/e2e-templates.test.js.snap
+++ b/scripts/__snapshots__/e2e-templates.test.js.snap
@@ -386,6 +386,11 @@ exports[`Templates Angular InstantSearch File content: src/app/app.component.ts
 "import { Component } from '@angular/core';
 import * as algoliasearch from 'algoliasearch';
 
+const searchClient = algoliasearch(
+  'appId',
+  'apiKey'
+);
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -394,7 +399,7 @@ import * as algoliasearch from 'algoliasearch';
 export class AppComponent {
   config = {
     indexName: 'indexName',
-    searchClient: algoliasearch('appId', 'apiKey'),
+    searchClient,
   };
 }"
 `;
@@ -3780,8 +3785,8 @@ import PropTypes from 'prop-types';
 import './App.css';
 
 const searchClient = algoliasearch(
- 'appId',
- 'apiKey'
+  'appId',
+  'apiKey'
 );
 
 class App extends Component {
diff --git a/src/templates/Angular InstantSearch/src/app/app.component.ts b/src/templates/Angular InstantSearch/src/app/app.component.ts
index 97013279d..8c4a52972 100644
--- a/src/templates/Angular InstantSearch/src/app/app.component.ts	
+++ b/src/templates/Angular InstantSearch/src/app/app.component.ts	
@@ -1,6 +1,11 @@
 import { Component } from '@angular/core';
 import * as algoliasearch from 'algoliasearch';
 
+const searchClient = algoliasearch(
+  '{{appId}}',
+  '{{apiKey}}'
+);
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -9,6 +14,6 @@ import * as algoliasearch from 'algoliasearch';
 export class AppComponent {
   config = {
     indexName: '{{indexName}}',
-    searchClient: algoliasearch('{{appId}}', '{{apiKey}}'),
+    searchClient,
   };
 }
diff --git a/src/templates/React InstantSearch/src/App.js.hbs b/src/templates/React InstantSearch/src/App.js.hbs
index ed936812d..53428e78d 100644
--- a/src/templates/React InstantSearch/src/App.js.hbs	
+++ b/src/templates/React InstantSearch/src/App.js.hbs	
@@ -16,8 +16,8 @@ import PropTypes from 'prop-types';
 import './App.css';
 
 const searchClient = algoliasearch(
- '{{appId}}',
- '{{apiKey}}'
+  '{{appId}}',
+  '{{apiKey}}'
 );
 
 class App extends Component {