Update dependencies to 5.0 alpha

package.json

@@ -8,16 +8,17 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mantine/core": "^4.2.7",
-    "@mantine/hooks": "^4.2.7",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "@emotion/react": "^11.9.3",
+    "@mantine/core": "5.0.0-alpha.22",
+    "@mantine/hooks": "5.0.0-alpha.22",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "^1.3.0",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.9"
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@vitejs/plugin-react": "^2.0.0",
+    "typescript": "^4.7.4",
+    "vite": "^3.0.2"
   }
 }

src/App.tsx

@@ -1,10 +1,15 @@
-import { MantineProvider, Text } from "@mantine/core";
+import { MantineProvider, Text, Button, Stack } from "@mantine/core";
 import { theme } from "./theme";
 
 export default function App() {
   return (
     <MantineProvider theme={theme} withGlobalStyles withNormalizeCSS>
-      <Text>Welcome to Mantine!</Text>
+      <Stack align="center" mt={50}>
+        <Text size="xl" weight={500}>
+          Welcome to Mantine!
+        </Text>
+        <Button>Click the button</Button>
+      </Stack>
     </MantineProvider>
   );
 }

src/main.tsx

@@ -1,9 +1,4 @@
-import { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);
+ReactDOM.createRoot(document.getElementById("root")!).render(<App />);