Chore: Library update, React, Node and Cypress (#826)

* chore: react and node update

* chore: react and node update

* chore: cypress updated

* fix: minor edit and unused file removed

Author: Sigrsig

.vscode/settings.json

@@ -37,6 +37,6 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   }
 }

demo/src/index.tsx

@@ -1,15 +1,15 @@
+import { createRoot } from 'react-dom/client'
 import 'core-js/stable'
 import 'regenerator-runtime/runtime'
 
-import React from 'react'
-import { render } from 'react-dom'
 import { StylesAsDataAttributes } from 'substyle-glamor'
 
 import Demo from './Demo'
 
-render(
+const root = createRoot(document.querySelector('#demo')!)
+
+root.render(
   <StylesAsDataAttributes>
     <Demo />
-  </StylesAsDataAttributes>,
-  document.querySelector('#demo')
+  </StylesAsDataAttributes>
 )