Upgrade with-firebase-hosting-and-typescript example (#7815)

* Upgrade with-firebase-hosting-and-typescript example

* Update package.json

examples/with-firebase-hosting-and-typescript/.babelrc

@@ -1,6 +0,0 @@
-{
-  "presets": [
-    "next/babel",
-    "@zeit/next-typescript/babel"
-  ]
-}

examples/with-firebase-hosting-and-typescript/package.json

@@ -21,16 +21,16 @@
     "install-deps": "cd \"dist/functions\" && npm i"
   },
   "dependencies": {
-    "@zeit/next-typescript": "^1.1.0",
     "firebase-admin": "^6.3.0",
     "firebase-functions": "^2.1.0",
     "next": "latest",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "react": "16.8.6",
+    "react-dom": "16.8.6"
   },
   "devDependencies": {
-    "@types/next": "^7.0.0",
+    "@types/node": "12.0.12",
     "@types/react": "^16.6.0",
+    "@types/react-dom": "16.8.4",
     "cpx": "1.5.0",
     "cross-env": "5.2.0",
     "firebase-tools": "^6.1.0",

examples/with-firebase-hosting-and-typescript/src/app/.babelrc

@@ -1,3 +0,0 @@
-{
-  "presets": ["next/babel", "@zeit/next-typescript/babel"]
-}

examples/with-firebase-hosting-and-typescript/src/app/next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

examples/with-firebase-hosting-and-typescript/src/app/next.config.js

@@ -1,2 +0,0 @@
-const withTypescript = require('@zeit/next-typescript')
-module.exports = withTypescript({ distDir: '../../dist/functions/next' })

examples/with-firebase-hosting-and-typescript/src/app/tsconfig.json

@@ -16,7 +16,23 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "noEmit": true,
-    "lib": ["es6", "dom", "es2016"],
-    "baseUrl": "."
-  }
+    "lib": [
+      "es6",
+      "dom",
+      "es2016"
+    ],
+    "baseUrl": ".",
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ]
 }

examples/with-firebase-hosting-and-typescript/src/functions/index.ts

@@ -1,5 +1,5 @@
 import * as functions from 'firebase-functions'
-import * as next from 'next'
+import next from 'next'
 
 const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev, conf: { distDir: 'next' } })

examples/with-firebase-hosting-and-typescript/src/functions/tsconfig.json

@@ -1,12 +1,20 @@
 {
   "compilerOptions": {
-    "lib": ["es2017"],
+    "lib": [
+      "es6",
+      "dom",
+      "es2016"
+    ],
     "module": "commonjs",
     "strict": true,
     "outDir": "../../dist/functions",
     "sourceMap": true,
     "target": "es2017",
-    "baseUrl": "./"
+    "baseUrl": "./",
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true
   },
   "compileOnSave": true
 }