diff --git a/package.json b/package.json index 1ef1178..5d6040c 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "@testing-library/user-event": "^12.1.10", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-scripts": "4.0.3", + "react-scripts": "5.0.1", "web-vitals": "^1.0.1" }, "scripts": { @@ -34,5 +34,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "@babel/plugin-syntax-dynamic-import": "^7.8.3" } } diff --git a/src/App.css b/src/App.css index 74b5e05..c6794af 100644 --- a/src/App.css +++ b/src/App.css @@ -17,10 +17,10 @@ background-color: #282c34; min-height: 100vh; display: flex; + font-size: 18; flex-direction: column; align-items: center; justify-content: center; - font-size: calc(10px + 2vmin); color: white; } diff --git a/src/App.js b/src/App.js index 3784575..28c2b14 100644 --- a/src/App.js +++ b/src/App.js @@ -1,11 +1,17 @@ import logo from './logo.svg'; import './App.css'; +import Counter from '../Counter'; function App() { + // Bug 1: Reference to undefined variable + const appTitle = appName + " - React App"; + return (
Edit src/App.js
and save to reload.