Fix rendering for react 18 #21

Merged
CrispyBaguette merged 1 commits from fix-rendering into master 2022-04-18 07:02:17 +00:00
3 changed files with 19 additions and 16 deletions
Showing only changes of commit 967880054f - Show all commits

View File

@ -18,7 +18,6 @@
"@types/jest": "^26.0.24", "@types/jest": "^26.0.24",
"@types/node": "^12.20.37", "@types/node": "^12.20.37",
"@types/react": "^17.0.37", "@types/react": "^17.0.37",
"@types/react-dom": "^17.0.11",
"classnames": "^2.3.1", "classnames": "^2.3.1",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"react": "^18.0.0", "react": "^18.0.0",
@ -30,6 +29,7 @@
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.4.0", "@tailwindcss/forms": "^0.4.0",
"@types/file-saver": "^2.0.4", "@types/file-saver": "^2.0.4",
"@types/react-dom": "^18.0.1",
"autoprefixer": "^10.4.0", "autoprefixer": "^10.4.0",
"postcss": "^8.4.4", "postcss": "^8.4.4",
"tailwindcss": "^3.0.1" "tailwindcss": "^3.0.1"
@ -3351,9 +3351,10 @@
} }
}, },
"node_modules/@types/react-dom": { "node_modules/@types/react-dom": {
"version": "17.0.11", "version": "18.0.1",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz", "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.1.tgz",
"integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==", "integrity": "sha512-jCwTXvHtRLiyVvKm9aEdHXs8rflVOGd5Sl913JZrPshfXjn8NYsTNZOz70bCsA31IR0TOqwi3ad+X4tSCBoMTw==",
"dev": true,
"dependencies": { "dependencies": {
"@types/react": "*" "@types/react": "*"
} }
@ -16933,9 +16934,10 @@
} }
}, },
"@types/react-dom": { "@types/react-dom": {
"version": "17.0.11", "version": "18.0.1",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz", "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.1.tgz",
"integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==", "integrity": "sha512-jCwTXvHtRLiyVvKm9aEdHXs8rflVOGd5Sl913JZrPshfXjn8NYsTNZOz70bCsA31IR0TOqwi3ad+X4tSCBoMTw==",
"dev": true,
"requires": { "requires": {
"@types/react": "*" "@types/react": "*"
} }

View File

@ -14,7 +14,6 @@
"@types/jest": "^26.0.24", "@types/jest": "^26.0.24",
"@types/node": "^12.20.37", "@types/node": "^12.20.37",
"@types/react": "^17.0.37", "@types/react": "^17.0.37",
"@types/react-dom": "^17.0.11",
"classnames": "^2.3.1", "classnames": "^2.3.1",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"react": "^18.0.0", "react": "^18.0.0",
@ -50,6 +49,7 @@
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.4.0", "@tailwindcss/forms": "^0.4.0",
"@types/file-saver": "^2.0.4", "@types/file-saver": "^2.0.4",
"@types/react-dom": "^18.0.1",
"autoprefixer": "^10.4.0", "autoprefixer": "^10.4.0",
"postcss": "^8.4.4", "postcss": "^8.4.4",
"tailwindcss": "^3.0.1" "tailwindcss": "^3.0.1"

View File

@ -1,14 +1,15 @@
import React from 'react'; import React from "react";
import ReactDOM from 'react-dom'; import "./index.css";
import './index.css'; import App from "./App";
import App from './App'; import reportWebVitals from "./reportWebVitals";
import reportWebVitals from './reportWebVitals'; import { createRoot } from "react-dom/client";
ReactDOM.render( const container = document.getElementById("root");
const root = createRoot(container!);
root.render(
<React.StrictMode> <React.StrictMode>
<App /> <App />
</React.StrictMode>, </React.StrictMode>
document.getElementById('root')
); );
// If you want to start measuring performance in your app, pass a function // If you want to start measuring performance in your app, pass a function