From 4a0f37b98a5cdba4527536bbed443463786938d6 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Thu, 14 May 2020 15:56:57 +0200
Subject: [PATCH] packages/cli: update app template to use new createApp

---
 .../default-app/packages/app/src/App.tsx      | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/cli/templates/default-app/packages/app/src/App.tsx b/packages/cli/templates/default-app/packages/app/src/App.tsx
index 5fa952239a..e8b82ceecd 100644
--- a/packages/cli/templates/default-app/packages/app/src/App.tsx
+++ b/packages/cli/templates/default-app/packages/app/src/App.tsx
@@ -5,7 +5,7 @@ import React, { FC } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import * as plugins from './plugins';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   '@global': {
     html: {
       height: '100%',
@@ -23,20 +23,25 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const app = createApp();
-app.registerPlugin(...Object.values(plugins));
-const AppComponent = app.build();
+const app = createApp({
+  plugins: Object.values(plugins),
+});
+
+const AppProvider = app.getProvider();
+const AppComponent = app.getRootComponent();
 
 const App: FC<{}> = () => {
   useStyles();
   return (
-    <CssBaseline>
+    <AppProvider>
       <ThemeProvider theme={lightTheme}>
-        <Router>
-          <AppComponent />
-        </Router>
+        <CssBaseline>
+          <Router>
+            <AppComponent />
+          </Router>
+        </CssBaseline>
       </ThemeProvider>
-    </CssBaseline>
+    </AppProvider>
   );
 };