diff --git a/templates/ReactSpa/ClientApp/boot.tsx b/templates/ReactSpa/ClientApp/boot.tsx
index 7d1e6bf..86e48b1 100644
--- a/templates/ReactSpa/ClientApp/boot.tsx
+++ b/templates/ReactSpa/ClientApp/boot.tsx
@@ -4,7 +4,7 @@ import './css/site.css';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { browserHistory, Router } from 'react-router';
-import { routes } from './routes';
+import routes from './routes';
 
 // This code starts up the React app when it runs in a browser. It sets up the routing configuration
 // and injects the app into a DOM element.
diff --git a/templates/ReactSpa/ClientApp/routes.tsx b/templates/ReactSpa/ClientApp/routes.tsx
index 84f153e..6084614 100644
--- a/templates/ReactSpa/ClientApp/routes.tsx
+++ b/templates/ReactSpa/ClientApp/routes.tsx
@@ -5,7 +5,7 @@ import { Home } from './components/Home';
 import { FetchData } from './components/FetchData';
 import { Counter } from './components/Counter';
 
-export const routes = <Route component={ Layout }>
+export default <Route component={ Layout }>
     <Route path='/' components={{ body: Home }} />
     <Route path='/counter' components={{ body: Counter }} />
     <Route path='/fetchdata' components={{ body: FetchData }} />