diff --git a/packages/cra-template-typescript/template.json b/packages/cra-template-typescript/template.json
index db2d4761047..77928dc0366 100644
--- a/packages/cra-template-typescript/template.json
+++ b/packages/cra-template-typescript/template.json
@@ -1,6 +1,9 @@
 {
   "package": {
     "dependencies": {
+      "web-vitals": "^2.1.0"
+    },
+    "devDependencies": {
       "@testing-library/jest-dom": "^5.14.1",
       "@testing-library/react": "^13.0.0",
       "@testing-library/user-event": "^13.2.1",
@@ -8,8 +11,7 @@
       "@types/node": "^16.7.13",
       "@types/react": "^18.0.0",
       "@types/react-dom": "^18.0.0",
-      "typescript": "^4.4.2",
-      "web-vitals": "^2.1.0"
+      "typescript": "^4.4.2"
     },
     "eslintConfig": {
       "extends": ["react-app", "react-app/jest"]
diff --git a/packages/cra-template/template.json b/packages/cra-template/template.json
index 7610e572c16..5ad640ea439 100644
--- a/packages/cra-template/template.json
+++ b/packages/cra-template/template.json
@@ -1,10 +1,12 @@
 {
   "package": {
     "dependencies": {
+      "web-vitals": "^2.1.0"
+    },
+    "devDependencies": {
       "@testing-library/jest-dom": "^5.14.1",
       "@testing-library/react": "^13.0.0",
-      "@testing-library/user-event": "^13.2.1",
-      "web-vitals": "^2.1.0"
+      "@testing-library/user-event": "^13.2.1"
     },
     "eslintConfig": {
       "extends": ["react-app", "react-app/jest"]