feat: react 18 support & strict mode (#321)

* chore: fix dts test

* chore: update react packages

* chore: update tests

* chore: fix dummy

* fix: working inside React.StrictMode

* chore: fix tests

* chore: revert dummy example

.gitignore

@@ -75,3 +75,7 @@ en
 en-min
 e2e_test
 locales.js
+
+# parcel cache
+.parcel-cache
+.parcel-output

.parcelrc

@@ -0,0 +1,5 @@
+{
+  "extends": ["@parcel/config-default"],
+  "distDir": "./parcel-output",
+  "outputFormat": "esmodule"
+}

dummy/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 import DynamicLocales from './dynamic-locales'
 import Callbacks from './dialog-callbacks'
@@ -43,7 +43,11 @@ const examples = [
   }
 ]
 
-ReactDOM.render(
-  examples.map((props, key) => <Example key={key} {...props} />),
-  document.getElementById('root')
+const root = createRoot(document.getElementById('root'))
+root.render(
+  <React.StrictMode>
+    {examples.map((props, key) => (
+      <Example key={key} {...props} />
+    ))}
+  </React.StrictMode>
 )

dummy/dialog-callbacks.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { Widget } from '..'
+import { Widget } from '../src/index.js'
 
 export default () => {
   return (

dummy/dynamic-locales.js

@@ -1,5 +1,5 @@
 import React, { useReducer } from 'react'
-import { Widget } from '..'
+import { Widget } from '../src/index.js'
 
 const translation = (text) => ({
   dialog: {