diff --git a/packages/create-freesewing-pattern/package.json b/packages/create-freesewing-pattern/package.json
index 9645f0ac45b..076abf1062b 100644
--- a/packages/create-freesewing-pattern/package.json
+++ b/packages/create-freesewing-pattern/package.json
@@ -23,8 +23,6 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "dependencies": {
-    "@freesewing/i18n": "^2.0.0-alpha.16",
-    "@freesewing/pattern-info": "^2.0.0-alpha.16",
     "chalk": "^2.4.2",
     "commander": "^2.19.0",
     "conf": "^2.2.0",
@@ -40,7 +38,9 @@
     "p-each-series": "^1.0.0",
     "parse-git-config": "^3.0.0",
     "validate-npm-package-name": "^3.0.0",
-    "which": "^1.3.1"
+    "which": "^1.3.1",
+    "@freesewing/i18n": "^2.0.0-alpha.16",
+    "@freesewing/pattern-info": "^2.0.0-alpha.16"
   },
   "files": [
     "lib",
diff --git a/packages/create-freesewing-pattern/template/default/example/src/App.js b/packages/create-freesewing-pattern/template/default/example/src/App.js
index 082f9183939..e92082ee73e 100644
--- a/packages/create-freesewing-pattern/template/default/example/src/App.js
+++ b/packages/create-freesewing-pattern/template/default/example/src/App.js
@@ -1,21 +1,18 @@
-import React, { Component } from "react";
+import React from "react";
 import freesewing from "@freesewing/core";
 import { Workbench } from "@freesewing/components";
-
 import "typeface-roboto-condensed";
 import "@freesewing/css-theme";
 import "./App.css";
 
 import Pattern from "pattern";
 
-class App extends Component {
-  render() {
-    let instance = new Pattern();
-    let config = instance.config;
-    return (
-      <Workbench freesewing={freesewing} Pattern={Pattern} config={config} />
-    );
-  }
-}
+const App = props => {
+  let instance = new Pattern();
+  let config = instance.config;
+  return (
+    <Workbench freesewing={freesewing} Pattern={Pattern} config={config} />
+  );
+};
 
 export default App;