diff --git a/packages/react-scripts/template/src/components/home/Home.js b/packages/react-scripts/template/src/components/home/Home.js
index 5b86d82c344..863a8dab697 100644
--- a/packages/react-scripts/template/src/components/home/Home.js
+++ b/packages/react-scripts/template/src/components/home/Home.js
@@ -10,24 +10,26 @@ const Home = () => (
css={css`
text-align: center;
`}
- >
-
-
-
- Edit src/components/App.js and save to reload.
-
-
+
+
+
+
+ Edit src/components/App.js and save to reload.
+
+
+
- Learn Frontier
-
-
-
- )
+ href="https://www.familysearch.org/frontier/docs/#/"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Learn Frontier
+
+
+
+)
export default Home
diff --git a/packages/react-scripts/template/src/components/home/Home.test.js b/packages/react-scripts/template/src/components/home/Home.test.js
index e6194898c02..ca369bce213 100644
--- a/packages/react-scripts/template/src/components/home/Home.test.js
+++ b/packages/react-scripts/template/src/components/home/Home.test.js
@@ -1,5 +1,5 @@
import React from 'react'
-import { render } from '@fs/testing-library'
+import { render } from '@fs/zion-testing-library'
import Home from './Home'
test('renders with Learn Frontier on the page', () => {
diff --git a/packages/react-scripts/template/src/components/home/Logo.js b/packages/react-scripts/template/src/components/home/Logo.js
index 1fb802f46fa..9894c24701b 100644
--- a/packages/react-scripts/template/src/components/home/Logo.js
+++ b/packages/react-scripts/template/src/components/home/Logo.js
@@ -1,6 +1,6 @@
import React from 'react'
import { css } from '@emotion/core'
-import { i18n } from '@fs/locale'
+import { i18n } from '@fs/zion-locale'
import logo from './Logo.svg'
const styles = css`
diff --git a/packages/react-scripts/template/src/components/user/UserInfo.js b/packages/react-scripts/template/src/components/user/UserInfo.js
index 1681287b620..1de21c8764d 100644
--- a/packages/react-scripts/template/src/components/user/UserInfo.js
+++ b/packages/react-scripts/template/src/components/user/UserInfo.js
@@ -1,9 +1,9 @@
import React from 'react'
-import { useUser } from '@fs/user'
+import { useUser } from '@fs/zion-user'
import { useTranslation } from 'react-i18next'
export default function UserInfo() {
const user = useUser()
const { t } = useTranslation()
- return {t('user.greeting', 'Hello, {{user.displayName}}!')}
+ return {t('user.greeting', { user, defaultValue: 'Hello, {{user.displayName}}!' })}
}
diff --git a/packages/react-scripts/template/src/index.js b/packages/react-scripts/template/src/index.js
index 99d50ba9ae1..743bb0f93bc 100644
--- a/packages/react-scripts/template/src/index.js
+++ b/packages/react-scripts/template/src/index.js
@@ -1,8 +1,8 @@
import React, { Suspense } from 'react'
import ReactDOM from 'react-dom'
-import { UserProvider } from '@fs/user'
-import RootErrorBoundary from '@fs/error-boundary'
-import { I18nProvider, addTranslations } from '@fs/locale'
+import { UserProvider } from '@fs/zion-user'
+import RootErrorBoundary from '@fs/zion-error-boundary'
+import { I18nProvider, addTranslations } from '@fs/zion-locale'
import App from './components/App'
import * as serviceWorker from './serviceWorker'
import translations from './locales'
diff --git a/packages/react-scripts/template/src/locales/index.js b/packages/react-scripts/template/src/locales/index.js
index 18eed9c369b..8136f6dd229 100644
--- a/packages/react-scripts/template/src/locales/index.js
+++ b/packages/react-scripts/template/src/locales/index.js
@@ -1 +1 @@
-// This file is intentionally blank, used as a mount point to load the locales
\ No newline at end of file
+// This file is intentionally blank, used as a mount point to load the locales
diff --git a/packages/react-scripts/template/src/setupTests.js b/packages/react-scripts/template/src/setupTests.js
index b0958bc96b5..1af51327d85 100644
--- a/packages/react-scripts/template/src/setupTests.js
+++ b/packages/react-scripts/template/src/setupTests.js
@@ -1,5 +1,5 @@
/* eslint-disable import/no-extraneous-dependencies */
-import { cleanup } from '@fs/testing-library'
+import { cleanup } from '@fs/zion-testing-library'
import 'jest-dom/extend-expect'
afterEach(cleanup)