diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index bddffb96..7e4109fe 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -10,9 +10,9 @@ jobs:
     strategy:
       matrix:
         node_version:
-          - 16 # end of life 2023-09-11
           - 18 # end of life 2025-04-30
-          - 20 # end of life 2025-04-30
+          - 20 # end of life 2026-04-30
+          - 22 # end of life 2027-04-03
     name: build-lint-test - node ${{ matrix.node_version }}
     steps:
       - name: Check out Git repository
diff --git a/README.md b/README.md
index e9b17340..a4f3809b 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@ Support for other libraries coming later. [You can help us if you want 😉](#co
 
 ## Requirements
 
-- node >= 14
+- node >= 18
 - yarn or npm
 
 **Node version support:** We aim to support all currently supported node versions (active or maintenance). Currently, we support and run tests in node versions 14, 16 and 18. Please refer to [node release schedule](https://github.com/nodejs/release#release-schedule) for specific dates on when specific node versions will be discontinued (end-of-life).
diff --git a/docs/react.md b/docs/react.md
index 91532d6e..59cab76b 100644
--- a/docs/react.md
+++ b/docs/react.md
@@ -12,7 +12,7 @@ nav_order: 20
 
 Requirements:
 
-- node >= 14 (for node v12 use [v1.21.0](https://www.npmjs.com/package/@typeform/embed-react/v/1.21.0))
+- node >= 18
 - yarn or npm
 
 Add the library to your project using your favourite package manager:
@@ -102,11 +102,11 @@ Pass options as props to the component.
 
 If the global `__webpack_nonce__` is set, its value will be used for a `nonce` attribute on the inline `<style>` block. See [Github issue #458](https://github.com/Typeform/embed/issues/458) for details.
 
-### Passing a custom ref
+### Passing a custom ref as `embedRef`
 
 For some custom use cases it may be convenient to open the popup programmatically (without the button being clicked).
 
-To do this, pass a ref to `PopupButton`, `SliderButton`, `Popover` and `Sidetab` components and then use `ref.current.open()` to trigger the popup to open.
+To do this, pass an `embedRef` prop to `PopupButton`, `SliderButton`, `Popover` and `Sidetab` components and then use `ref.current.open()` to trigger the popup to open.
 
 Example:
 
@@ -116,7 +116,7 @@ const openPopup = () => ref.current?.open()
 // ...
 <PopupButton
   id="<form-id>"
-  ref={ref}
+  embedRef={ref}
 >
   click to open
 </PopupButton>
diff --git a/docs/vanilla.md b/docs/vanilla.md
index 059bbbc3..cb6f8cec 100644
--- a/docs/vanilla.md
+++ b/docs/vanilla.md
@@ -14,7 +14,7 @@ nav_order: 10
 
 Requirements:
 
-- node >= 14 (for node v12 use [v1.38.0](https://www.npmjs.com/package/@typeform/embed/v/1.38.0))
+- node >= 18
 - yarn or npm
 
 Install using your favourite package manager:
diff --git a/package.json b/package.json
index cd7079c2..5e34b7e3 100644
--- a/package.json
+++ b/package.json
@@ -31,13 +31,14 @@
     "@semantic-release/github": "^7.2.0",
     "@semantic-release/npm": "^7.0.10",
     "@semantic-release/release-notes-generator": "^9.0.1",
-    "@testing-library/dom": "^7.29.6",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.6",
+    "@testing-library/dom": "^10.3.2",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
     "@typeform/eslint-config": "^6.0.3",
     "@types/cypress": "^1.1.3",
     "@types/jest": "^26.0.20",
-    "@types/react": "^16.8.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@visual-regression-tracker/agent-cypress": "^5.6.0",
     "babel-loader": "^8.2.2",
     "commitlint": "^11.0.0",
@@ -56,12 +57,12 @@
     "jest-transform-css": "^2.1.0",
     "lerna": "^3.22.1",
     "mini-css-extract-plugin": "^1.3.7",
-    "next": "12.1.0",
+    "next": "^14.2.5",
     "prettier": "^2.2.1",
     "prop-types": "^15.7.2",
     "raw-loader": "^4.0.2",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-scripts": "^4.0.2",
     "sass": "^1.55.0",
     "sass-loader": "^13.0.2",
diff --git a/packages/demo-nextjs/app/app-menu.tsx b/packages/demo-nextjs/app/app-menu.tsx
new file mode 100644
index 00000000..97d0f764
--- /dev/null
+++ b/packages/demo-nextjs/app/app-menu.tsx
@@ -0,0 +1,11 @@
+'use client'
+
+import { useSearchParams } from 'next/navigation'
+
+import { Menu } from '../shared/menu'
+import { defaultFormId } from '../shared/constants'
+
+export const AppMenu = () => {
+  const query = useSearchParams()
+  return <Menu id={query?.get('id') ?? defaultFormId} />
+}
diff --git a/packages/demo-nextjs/app/app/popup/page.tsx b/packages/demo-nextjs/app/app/popup/page.tsx
new file mode 100644
index 00000000..9c6caf9c
--- /dev/null
+++ b/packages/demo-nextjs/app/app/popup/page.tsx
@@ -0,0 +1,56 @@
+'use client'
+
+import { Popover, PopupButton } from '@typeform/embed-react'
+import { useSearchParams } from 'next/navigation'
+
+import { defaultFormId } from '../../../shared/constants'
+
+const handleOnReady = () => {
+  // eslint-disable-next-line no-console
+  console.log('form in popover ready')
+}
+
+export default function Page() {
+  const searchParams = useSearchParams()
+  const id = searchParams?.get('id') ?? defaultFormId
+
+  const buttonStyle = {
+    padding: '10px 20px',
+    borderRadius: 10,
+    border: 'none',
+    background: 'navy',
+    color: 'white',
+    fontSize: 16,
+    cursor: 'pointer',
+  }
+
+  return (
+    <main>
+      <p>All embed types &lt;3 Next.js version &gt;= 13</p>
+
+      <p>
+        <PopupButton
+          id={id}
+          style={buttonStyle}
+          size={66}
+          medium="demo-test"
+          hidden={{ foo: 'foo value', bar: 'bar value' }}
+        >
+          <span role="img" aria-label="check">
+            ️✅
+          </span>
+          <span style={{ marginLeft: 10 }}>open popup</span>
+        </PopupButton>
+      </p>
+
+      <Popover
+        id={id}
+        onReady={handleOnReady}
+        medium="demo-test"
+        hidden={{ foo: 'foo value', bar: 'bar value' }}
+        buttonProps={{ ariaLabel: 'Typeform Button', dataTestid: 'demo-button' }}
+        tooltip="welcome"
+      />
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/app/app/widget/page.tsx b/packages/demo-nextjs/app/app/widget/page.tsx
new file mode 100644
index 00000000..a91045a7
--- /dev/null
+++ b/packages/demo-nextjs/app/app/widget/page.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import { Widget } from '@typeform/embed-react'
+import { useSearchParams } from 'next/navigation'
+
+import { defaultFormId } from '../../../shared/constants'
+
+export default function Page() {
+  const searchParams = useSearchParams()
+  const widgetContainerStyle = {
+    width: 500,
+    height: 400,
+    margin: '20px auto',
+  }
+
+  return (
+    <main>
+      <p>Embed widget &lt;3 Next.js version &lt;= 13</p>
+
+      <Widget
+        id={searchParams?.get('id') ?? defaultFormId}
+        style={widgetContainerStyle}
+        medium="demo-test"
+        hidden={{ foo: 'foo value', bar: 'bar value' }}
+        transitiveSearchParams={['foo', 'bar']}
+        iframeProps={{ title: 'Foo Bar' }}
+      />
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/app/layout.tsx b/packages/demo-nextjs/app/layout.tsx
new file mode 100644
index 00000000..909e61f4
--- /dev/null
+++ b/packages/demo-nextjs/app/layout.tsx
@@ -0,0 +1,17 @@
+import { AppMenu } from './app-menu'
+import '../shared/globals.css'
+
+export default function AppLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <h1>
+          This is an example <a href="https://nextjs.org">Next.js</a> app with{' '}
+          <a href="https://nextjs.org/docs/app">App Router</a>.
+        </h1>
+        <AppMenu />
+        {children}
+      </body>
+    </html>
+  )
+}
diff --git a/packages/demo-nextjs/components/flex.js b/packages/demo-nextjs/components/flex.js
deleted file mode 100644
index f24bc459..00000000
--- a/packages/demo-nextjs/components/flex.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const Flex = () => (
-  <span role="img" aria-label="flex">
-    💪
-  </span>
-)
-
-export default Flex
diff --git a/packages/demo-nextjs/components/sparkle.js b/packages/demo-nextjs/components/sparkle.js
deleted file mode 100644
index 4c1e64e6..00000000
--- a/packages/demo-nextjs/components/sparkle.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const Sparkle = () => (
-  <span role="img" aria-label="sparkle">
-    ✨
-  </span>
-)
-
-export default Sparkle
diff --git a/packages/demo-nextjs/next-env.d.ts b/packages/demo-nextjs/next-env.d.ts
new file mode 100644
index 00000000..4f11a03d
--- /dev/null
+++ b/packages/demo-nextjs/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/packages/demo-nextjs/pages/_app.js b/packages/demo-nextjs/pages/_app.js
deleted file mode 100644
index 1698f845..00000000
--- a/packages/demo-nextjs/pages/_app.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import PropTypes from 'prop-types'
-import '../styles/globals.css'
-
-// import CSS for vanilla lib
-import '@typeform/embed/build/css/popup.css'
-import '@typeform/embed/build/css/widget.css'
-
-function MyApp({ Component, pageProps }) {
-  const router = useRouter()
-  const id = router.query?.id || 'HLjqXS5W'
-  const idparam = `?id=${id}`
-  const props = { id, ...pageProps }
-  const links = {
-    '/': 'widget',
-    '/popup': 'popup',
-    '/slider': 'slider',
-    '/sidetab': 'sidetab',
-    '/popover': 'popover',
-    '/vanilla': 'vanilla library in react',
-    '/forward-ref': 'forward ref',
-  }
-
-  return (
-    <>
-      <div className="menu">
-        {Object.keys(links).map((path) => (
-          <Link key={path} href={path + idparam}>
-            <a href={path}>{links[path]}</a>
-          </Link>
-        ))}
-      </div>
-      <Component {...props} />
-    </>
-  )
-}
-
-MyApp.propTypes = {
-  Component: PropTypes.any,
-  pageProps: PropTypes.any,
-}
-
-export default MyApp
diff --git a/packages/demo-nextjs/pages/_app.tsx b/packages/demo-nextjs/pages/_app.tsx
new file mode 100644
index 00000000..149dfc72
--- /dev/null
+++ b/packages/demo-nextjs/pages/_app.tsx
@@ -0,0 +1,21 @@
+import { useRouter } from 'next/router'
+import { AppProps } from 'next/app'
+
+import '../shared/globals.css'
+import { Menu } from '../shared/menu'
+import { defaultFormId } from '../shared/constants'
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  const router = useRouter()
+  const formId = router.query?.id ?? defaultFormId
+  return (
+    <>
+      <h1>
+        This is an example <a href="https://nextjs.org">Next.js</a> app with{' '}
+        <a href="https://nextjs.org/docs/pages">Pages Router</a>.
+      </h1>
+      <Menu id={`${formId}`} />
+      <Component id={formId} {...pageProps} />
+    </>
+  )
+}
diff --git a/packages/demo-nextjs/pages/forward-ref.js b/packages/demo-nextjs/pages/forward-ref.js
deleted file mode 100644
index 83ee30fa..00000000
--- a/packages/demo-nextjs/pages/forward-ref.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { useRef } from 'react'
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { PopupButton } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-export default function PopupPage({ id }) {
-  const buttonStyle = {
-    padding: '10px 20px',
-    borderRadius: 10,
-    border: 'none',
-    background: 'navy',
-    color: 'white',
-    fontSize: 16,
-    cursor: 'pointer',
-  }
-  const ref = useRef()
-
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed popup with forwarded ref &lt;3 Next.js <Sparkle />
-        </p>
-
-        <p>
-          <PopupButton id={id} ref={ref} style={buttonStyle} size={66} medium="demo-test">
-            <span role="img" aria-label="check">
-              ️✅
-            </span>
-            <span style={{ marginLeft: 10 }}>open popup</span>
-          </PopupButton>
-        </p>
-
-        <p>
-          <button onClick={() => ref.current.open()}>click here to open the popup via ref</button>
-        </p>
-      </main>
-    </div>
-  )
-}
-
-PopupPage.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/forward-ref.tsx b/packages/demo-nextjs/pages/forward-ref.tsx
new file mode 100644
index 00000000..8a0b899b
--- /dev/null
+++ b/packages/demo-nextjs/pages/forward-ref.tsx
@@ -0,0 +1,34 @@
+import { useRef } from 'react'
+import { PopupButton, GenericEmbed } from '@typeform/embed-react'
+
+export default function PopupPage({ id }: { id: string }) {
+  const buttonStyle = {
+    padding: '10px 20px',
+    borderRadius: 10,
+    border: 'none',
+    background: 'navy',
+    color: 'white',
+    fontSize: 16,
+    cursor: 'pointer',
+  }
+  const ref = useRef<GenericEmbed>()
+
+  return (
+    <main>
+      <p>Embed popup with forwarded ref &lt;3 Next.js</p>
+
+      <p>
+        <PopupButton id={id} embedRef={ref} style={buttonStyle} size={66} medium="demo-test">
+          <span role="img" aria-label="check">
+            ️✅
+          </span>
+          <span style={{ marginLeft: 10 }}>open popup</span>
+        </PopupButton>
+      </p>
+
+      <p>
+        <button onClick={() => ref.current?.open()}>click here to open the popup via ref</button>
+      </p>
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/index.js b/packages/demo-nextjs/pages/index.js
deleted file mode 100644
index e77758d6..00000000
--- a/packages/demo-nextjs/pages/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { Widget } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-export default function HomePage({ id }) {
-  const widgetContainerStyle = {
-    width: 500,
-    height: 400,
-    margin: '20px auto',
-  }
-
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed widget &lt;3 Next.js <Sparkle />
-        </p>
-
-        <Widget
-          id={id}
-          style={widgetContainerStyle}
-          medium="demo-test"
-          hidden={{ foo: 'foo value', bar: 'bar value' }}
-          transitiveSearchParams={['foo', 'bar']}
-          iframeProps={{ title: 'Foo Bar' }}
-        />
-      </main>
-    </div>
-  )
-}
-
-HomePage.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/index.tsx b/packages/demo-nextjs/pages/index.tsx
new file mode 100644
index 00000000..d424e1be
--- /dev/null
+++ b/packages/demo-nextjs/pages/index.tsx
@@ -0,0 +1,24 @@
+import { Widget } from '@typeform/embed-react'
+
+export default function HomePage({ id }: { id: string }) {
+  const widgetContainerStyle = {
+    width: 500,
+    height: 400,
+    margin: '20px auto',
+  }
+
+  return (
+    <main>
+      <p>Embed widget &lt;3 Next.js</p>
+
+      <Widget
+        id={id}
+        style={widgetContainerStyle}
+        medium="demo-test"
+        hidden={{ foo: 'foo value', bar: 'bar value' }}
+        transitiveSearchParams={['foo', 'bar']}
+        iframeProps={{ title: 'Foo Bar' }}
+      />
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/popover.js b/packages/demo-nextjs/pages/popover.js
deleted file mode 100644
index 0bfeca79..00000000
--- a/packages/demo-nextjs/pages/popover.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { Popover } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-const handleOnReady = () => {
-  // eslint-disable-next-line no-console
-  console.log('form ready')
-}
-
-export default function PopoverPage({ id }) {
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed popover &lt;3 Next.js <Sparkle />
-        </p>
-
-        <Popover
-          id="HLjqXS5W"
-          onReady={handleOnReady}
-          medium="demo-test"
-          hidden={{ foo: 'foo value', bar: 'bar value' }}
-          buttonProps={{ ariaLabel: 'Typeform Button', dataTestid: 'demo-button' }}
-        />
-      </main>
-    </div>
-  )
-}
-
-PopoverPage.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/popover.tsx b/packages/demo-nextjs/pages/popover.tsx
new file mode 100644
index 00000000..d69c0476
--- /dev/null
+++ b/packages/demo-nextjs/pages/popover.tsx
@@ -0,0 +1,23 @@
+import { Popover } from '@typeform/embed-react'
+
+const handleOnReady = () => {
+  // eslint-disable-next-line no-console
+  console.log('form ready')
+}
+
+export default function PopoverPage({ id }: { id: string }) {
+  return (
+    <main>
+      <p>Embed popover &lt;3 Next.js</p>
+
+      <Popover
+        id={id}
+        onReady={handleOnReady}
+        medium="demo-test"
+        hidden={{ foo: 'foo value', bar: 'bar value' }}
+        buttonProps={{ ariaLabel: 'Typeform Button', dataTestid: 'demo-button' }}
+        tooltip="welcome"
+      />
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/popup.js b/packages/demo-nextjs/pages/popup.js
deleted file mode 100644
index cb315898..00000000
--- a/packages/demo-nextjs/pages/popup.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { PopupButton } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-export default function PopupPage({ id }) {
-  const buttonStyle = {
-    padding: '10px 20px',
-    borderRadius: 10,
-    border: 'none',
-    background: 'navy',
-    color: 'white',
-    fontSize: 16,
-    cursor: 'pointer',
-  }
-
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed popup &lt;3 Next.js <Sparkle />
-        </p>
-
-        <p>
-          <PopupButton
-            id={id}
-            style={buttonStyle}
-            size={66}
-            medium="demo-test"
-            hidden={{ foo: 'foo value', bar: 'bar value' }}
-          >
-            <span role="img" aria-label="check">
-              ️✅
-            </span>
-            <span style={{ marginLeft: 10 }}>open popup</span>
-          </PopupButton>
-        </p>
-      </main>
-    </div>
-  )
-}
-
-PopupPage.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/popup.tsx b/packages/demo-nextjs/pages/popup.tsx
new file mode 100644
index 00000000..fdd9e708
--- /dev/null
+++ b/packages/demo-nextjs/pages/popup.tsx
@@ -0,0 +1,34 @@
+import { PopupButton } from '@typeform/embed-react'
+
+export default function PopupPage({ id }: { id: string }) {
+  const buttonStyle = {
+    padding: '10px 20px',
+    borderRadius: 10,
+    border: 'none',
+    background: 'navy',
+    color: 'white',
+    fontSize: 16,
+    cursor: 'pointer',
+  }
+
+  return (
+    <main>
+      <p>Embed popup &lt;3 Next.js</p>
+
+      <p>
+        <PopupButton
+          id={id}
+          style={buttonStyle}
+          size={66}
+          medium="demo-test"
+          hidden={{ foo: 'foo value', bar: 'bar value' }}
+        >
+          <span role="img" aria-label="check">
+            ️✅
+          </span>
+          <span style={{ marginLeft: 10 }}>open popup</span>
+        </PopupButton>
+      </p>
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/sidetab.js b/packages/demo-nextjs/pages/sidetab.js
deleted file mode 100644
index 2f03297a..00000000
--- a/packages/demo-nextjs/pages/sidetab.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { createRef } from 'react'
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { Sidetab } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-export default function SidetabPage({ id }) {
-  const sidetabRef = createRef()
-
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed sidetab &lt;3 Next.js <Sparkle />
-        </p>
-
-        <Sidetab
-          id={id}
-          ref={sidetabRef}
-          medium="demo-test"
-          hidden={{ foo: 'foo value', bar: 'bar value' }}
-          buttonText="open sidetab"
-        />
-
-        <p>
-          <button onClick={() => sidetabRef.current?.open()}>Click here</button> to open the sidetab programmatically
-          via ref.
-        </p>
-      </main>
-    </div>
-  )
-}
-
-SidetabPage.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/sidetab.tsx b/packages/demo-nextjs/pages/sidetab.tsx
new file mode 100644
index 00000000..8e8d2f97
--- /dev/null
+++ b/packages/demo-nextjs/pages/sidetab.tsx
@@ -0,0 +1,25 @@
+import { useRef } from 'react'
+import { GenericEmbed, Sidetab } from '@typeform/embed-react'
+
+export default function SidetabPage({ id }: { id: string }) {
+  const sidetabRef = useRef<GenericEmbed>()
+
+  return (
+    <main>
+      <p>Embed sidetab &lt;3 Next.js</p>
+
+      <Sidetab
+        id={id}
+        embedRef={sidetabRef}
+        medium="demo-test"
+        hidden={{ foo: 'foo value', bar: 'bar value' }}
+        buttonText="open sidetab"
+      />
+
+      <p>
+        <button onClick={() => sidetabRef.current?.open()}>Click here</button> to open the sidetab programmatically via
+        ref.
+      </p>
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/slider.js b/packages/demo-nextjs/pages/slider.js
deleted file mode 100644
index 652dd73f..00000000
--- a/packages/demo-nextjs/pages/slider.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import { createRef } from 'react'
-import Head from 'next/head'
-import PropTypes from 'prop-types'
-import { SliderButton } from '@typeform/embed-react'
-
-import Sparkle from '../components/sparkle'
-
-export default function Slider({ id }) {
-  const sliderRef = createRef()
-
-  const buttonStyle = {
-    padding: '10px 20px',
-    borderRadius: 4,
-    border: 'none',
-    background: 'lightgray',
-    color: 'black',
-    fontSize: 16,
-    cursor: 'pointer',
-  }
-
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed slider &lt;3 Next.js <Sparkle />
-        </p>
-
-        <p>
-          <SliderButton
-            id={id}
-            ref={sliderRef}
-            style={buttonStyle}
-            medium="demo-test"
-            hidden={{ foo: 'foo value', bar: 'bar value' }}
-          >
-            open slider (right)
-          </SliderButton>
-        </p>
-
-        <p>
-          <SliderButton id="HLjqXS5W" position="left" width="400" style={buttonStyle}>
-            open slider (small from left)
-          </SliderButton>
-        </p>
-
-        <p>
-          Or you can <button onClick={() => sliderRef.current?.open()}>click here</button> to open the{' '}
-          <strong>slider (right)</strong> programmatically via ref.
-        </p>
-      </main>
-    </div>
-  )
-}
-
-Slider.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/slider.tsx b/packages/demo-nextjs/pages/slider.tsx
new file mode 100644
index 00000000..a82f3de2
--- /dev/null
+++ b/packages/demo-nextjs/pages/slider.tsx
@@ -0,0 +1,45 @@
+import { useRef } from 'react'
+import { GenericEmbed, SliderButton } from '@typeform/embed-react'
+
+export default function Slider({ id }: { id: string }) {
+  const sliderRef = useRef<GenericEmbed>()
+
+  const buttonStyle = {
+    padding: '10px 20px',
+    borderRadius: 4,
+    border: 'none',
+    background: 'lightgray',
+    color: 'black',
+    fontSize: 16,
+    cursor: 'pointer',
+  }
+
+  return (
+    <main>
+      <p>Embed slider &lt;3 Next.js</p>
+
+      <p>
+        <SliderButton
+          id={id}
+          embedRef={sliderRef}
+          style={buttonStyle}
+          medium="demo-test"
+          hidden={{ foo: 'foo value', bar: 'bar value' }}
+        >
+          open slider (right)
+        </SliderButton>
+      </p>
+
+      <p>
+        <SliderButton id={id} position="left" width="400" style={buttonStyle}>
+          open slider (small from left)
+        </SliderButton>
+      </p>
+
+      <p>
+        Or you can <button onClick={() => sliderRef.current?.open()}>click here</button> to open the{' '}
+        <strong>slider (right)</strong> programmatically via ref.
+      </p>
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/pages/vanilla.js b/packages/demo-nextjs/pages/vanilla.js
deleted file mode 100644
index c7023382..00000000
--- a/packages/demo-nextjs/pages/vanilla.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useEffect, useRef } from 'react'
-import PropTypes from 'prop-types'
-import Head from 'next/head'
-import { createPopup, createWidget } from '@typeform/embed'
-
-import Flex from '../components/flex'
-
-// with @typeform/embed-react lib this component could be as short as <Widget id="HLjqXS5W" />
-const Widget = ({ id }) => {
-  const container = useRef()
-
-  const widgetContainerStyle = {
-    width: 500,
-    height: 400,
-    margin: '20px auto',
-  }
-
-  useEffect(() => {
-    createWidget(id, {
-      container: container.current,
-      medium: 'demo-test',
-      transitiveSearchParams: ['foo', 'bar'],
-      hidden: { foo: 'foo value', bar: 'bar value' },
-      tracking: { utm_medium: 'fb', tracking: 'bar value' },
-    })
-  }, [id])
-
-  return <div style={widgetContainerStyle} ref={container} />
-}
-
-// with @typeform/embed-react lib this component could be as short as <PopupButton id="HLjqXS5W">click</PopupButton>
-const PopupButton = () => {
-  const openPopup = () => {
-    createPopup('HLjqXS5W', { medium: 'demo-test', hidden: { foo: 'foo value', bar: 'bar value' } }).open()
-  }
-
-  return (
-    <p>
-      <button id="button" onClick={openPopup}>
-        open popup
-      </button>
-    </p>
-  )
-}
-
-export default function Popup({ id }) {
-  return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-      </Head>
-
-      <main>
-        <h1>
-          This is an example <a href="https://nextjs.org">Next.js</a> app.
-        </h1>
-
-        <p>
-          Embed vanilla JavaScript library &lt;3 React and Next.js too <Flex />
-        </p>
-
-        <PopupButton />
-
-        <Widget id={id} />
-      </main>
-    </div>
-  )
-}
-
-Popup.propTypes = {
-  id: PropTypes.string,
-}
-
-Widget.propTypes = {
-  id: PropTypes.string,
-}
diff --git a/packages/demo-nextjs/pages/vanilla.tsx b/packages/demo-nextjs/pages/vanilla.tsx
new file mode 100644
index 00000000..d2e3954a
--- /dev/null
+++ b/packages/demo-nextjs/pages/vanilla.tsx
@@ -0,0 +1,57 @@
+import { useEffect, useRef } from 'react'
+import { createPopup, createWidget } from '@typeform/embed'
+
+import '@typeform/embed/build/css/popup.css'
+import '@typeform/embed/build/css/widget.css'
+
+// with @typeform/embed-react lib this component could be as short as <Widget id="HLjqXS5W" />
+const Widget = ({ id }: { id: string }) => {
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  const widgetContainerStyle = {
+    width: 500,
+    height: 400,
+    margin: '20px auto',
+  }
+
+  useEffect(() => {
+    if (containerRef.current) {
+      createWidget(id, {
+        container: containerRef.current,
+        medium: 'demo-test',
+        transitiveSearchParams: ['foo', 'bar'],
+        hidden: { foo: 'foo value', bar: 'bar value' },
+        tracking: { utm_medium: 'fb', tracking: 'bar value' },
+      })
+    }
+  }, [id])
+
+  return <div style={widgetContainerStyle} ref={containerRef} />
+}
+
+// with @typeform/embed-react lib this component could be as short as <PopupButton id="HLjqXS5W">click</PopupButton>
+const PopupButton = ({ id }: { id: string }) => {
+  const openPopup = () => {
+    createPopup(id, { medium: 'demo-test', hidden: { foo: 'foo value', bar: 'bar value' } }).open()
+  }
+
+  return (
+    <p>
+      <button id="button" onClick={openPopup}>
+        open popup
+      </button>
+    </p>
+  )
+}
+
+export default function Popup({ id }: { id: string }) {
+  return (
+    <main>
+      <p>Embed vanilla JavaScript library &lt;3 React and Next.js too</p>
+
+      <PopupButton id={id} />
+
+      <Widget id={id} />
+    </main>
+  )
+}
diff --git a/packages/demo-nextjs/shared/constants.ts b/packages/demo-nextjs/shared/constants.ts
new file mode 100644
index 00000000..70ab4569
--- /dev/null
+++ b/packages/demo-nextjs/shared/constants.ts
@@ -0,0 +1 @@
+export const defaultFormId = 'HLjqXS5W'
diff --git a/packages/demo-nextjs/styles/globals.css b/packages/demo-nextjs/shared/globals.css
similarity index 70%
rename from packages/demo-nextjs/styles/globals.css
rename to packages/demo-nextjs/shared/globals.css
index 9d6de99f..527d2735 100644
--- a/packages/demo-nextjs/styles/globals.css
+++ b/packages/demo-nextjs/shared/globals.css
@@ -14,7 +14,14 @@ a {
   box-sizing: border-box;
 }
 
+.menu {
+  border-top: 1px #aaa solid;
+  border-bottom: 1px #aaa solid;
+  padding: 10px 0;
+  margin: 16px 0;
+}
+
 .menu a {
   display: inline-block;
-  margin-right: 10px;
+  margin: 0 10px;
 }
diff --git a/packages/demo-nextjs/shared/menu.tsx b/packages/demo-nextjs/shared/menu.tsx
new file mode 100644
index 00000000..0ef00865
--- /dev/null
+++ b/packages/demo-nextjs/shared/menu.tsx
@@ -0,0 +1,25 @@
+import Link from 'next/link'
+
+export const Menu = ({ id }: { id: string }) => {
+  const links = {
+    '/': 'widget',
+    '/popup': 'popup',
+    '/slider': 'slider',
+    '/sidetab': 'sidetab',
+    '/popover': 'popover',
+    '/vanilla': 'vanilla library in react',
+    '/forward-ref': 'forward ref',
+    '/app/widget': 'widget (app)',
+    '/app/popup': 'popup (app)',
+  }
+
+  return (
+    <div className="menu">
+      {Object.keys(links).map((path) => (
+        <Link key={path} href={`${path}?id=${id}`}>
+          {links[path]}
+        </Link>
+      ))}
+    </div>
+  )
+}
diff --git a/packages/demo-nextjs/tsconfig.json b/packages/demo-nextjs/tsconfig.json
new file mode 100644
index 00000000..09264a80
--- /dev/null
+++ b/packages/demo-nextjs/tsconfig.json
@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "allowUnreachableCode": false,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "noImplicitAny": true,
+    "incremental": true,
+    "module": "esnext",
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
+  },
+  "include": [
+    "next-env.d.ts",
+    ".next/types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/packages/embed-react/README.md b/packages/embed-react/README.md
index 6a17b619..304c3141 100644
--- a/packages/embed-react/README.md
+++ b/packages/embed-react/README.md
@@ -6,7 +6,7 @@ Embed library for [React](https://reactjs.org/).
 
 Requirements:
 
-- node >= 14 (for node v12 use [v1.21.0](https://www.npmjs.com/package/@typeform/embed-react/v/1.21.0))
+- node >= 18
 - yarn or npm
 
 Install as NPM package using your favourite package manager:
@@ -97,11 +97,11 @@ See all available options in [Vanilla JavaScript Embed Library README file](../e
 
 If the global `__webpack_nonce__` is set, its value will be used for a `nonce` attribute on the inline `<style>` block. See [#458](https://github.com/Typeform/embed/issues/458) for details.
 
-### Passing a custom ref
+### Passing a custom ref as `embedRef`
 
 For some custom use cases it may be convenient to open the popup programmatically (without the button being clicked).
 
-To do this, pass a ref to `PopupButton`, `SliderButton`, `Popover` and `Sidetab` components and then use `ref.current.open()` to trigger the popup to open.
+To do this, pass an `embedRef` prop to `PopupButton`, `SliderButton`, `Popover` and `Sidetab` components and then use `ref.current.open()` to trigger the popup to open.
 
 Example:
 
@@ -111,7 +111,7 @@ const openPopup = () => ref.current?.open()
 // ...
 <PopupButton
   id="<form-id>"
-  ref={ref}
+  embedRef={ref}
 >
   click to open
 </PopupButton>
@@ -130,7 +130,7 @@ You can find examples for specific use-cases with React in our demos:
 
 Requirements:
 
-- node >= 14 (for node 12 use [v1.21.0](https://www.npmjs.com/package/@typeform/embed-react/v/1.21.0))
+- node >= 18
 - yarn
 
 Install dependencies:
diff --git a/packages/embed-react/src/components/inline-style.tsx b/packages/embed-react/src/components/inline-style.tsx
index 6e6f4978..ef171d04 100644
--- a/packages/embed-react/src/components/inline-style.tsx
+++ b/packages/embed-react/src/components/inline-style.tsx
@@ -9,5 +9,5 @@ interface InlineStyleProps {
 export const InlineStyle: FC<InlineStyleProps> = ({ filename }: InlineStyleProps) => {
   const inlneCss = require(`../css/${filename}.css`)
   const nonce = getNonce()
-  return <style {...(nonce ? { nonce } : {})}>{inlneCss.default}</style>
+  return <style {...(nonce ? { nonce } : {})} dangerouslySetInnerHTML={{ __html: inlneCss.default }} />
 }
diff --git a/packages/embed-react/src/components/make-button-component.spec.tsx b/packages/embed-react/src/components/make-button-component.spec.tsx
index fb84350e..75d4189e 100644
--- a/packages/embed-react/src/components/make-button-component.spec.tsx
+++ b/packages/embed-react/src/components/make-button-component.spec.tsx
@@ -1,9 +1,19 @@
 import * as React from 'react'
-import { render, screen, fireEvent } from '@testing-library/react'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { MutableRefObject } from 'react'
+
+import { GenericEmbed } from '../utils'
 
 import { makeButtonComponent } from './make-button-component'
 
 describe('#makeButtonComponent', () => {
+  type Props = {
+    foo: string
+    embedRef: MutableRefObject<GenericEmbed | undefined>
+  }
+  const ref: Props['embedRef'] = {
+    current: undefined,
+  }
   const openFn = jest.fn()
   const createFn = jest.fn().mockReturnValue({
     open: openFn,
@@ -11,13 +21,17 @@ describe('#makeButtonComponent', () => {
   })
 
   beforeEach(() => {
-    type Props = {
-      foo: string
-    }
+    ref.current = undefined
+    openFn.mockReset()
     const Button = makeButtonComponent<Props>(createFn, 'popup')
     render(
       <>
-        <Button id="form-id" foo="bar" buttonProps={{ 'aria-label': 'aria-value-btn', 'data-custom': 'value-custom' }}>
+        <Button
+          id="form-id"
+          foo="bar"
+          buttonProps={{ 'aria-label': 'aria-value-btn', 'data-custom': 'value-custom' }}
+          embedRef={ref}
+        >
           click
         </Button>
       </>
@@ -36,4 +50,10 @@ describe('#makeButtonComponent', () => {
     expect(createFn).toHaveBeenCalledWith('form-id', { foo: 'bar' })
     expect(openFn).toHaveBeenCalledTimes(1)
   })
+
+  it('should open embed via ref', async () => {
+    await waitFor(() => expect(ref.current).not.toBe(undefined))
+    ref.current?.open()
+    await waitFor(() => expect(openFn).toHaveBeenCalledTimes(1))
+  })
 })
diff --git a/packages/embed-react/src/components/make-button-component.tsx b/packages/embed-react/src/components/make-button-component.tsx
index 5bb4f5d1..9e9c4ef9 100644
--- a/packages/embed-react/src/components/make-button-component.tsx
+++ b/packages/embed-react/src/components/make-button-component.tsx
@@ -1,15 +1,17 @@
 import React, {
+  AriaAttributes,
   CSSProperties,
   MutableRefObject,
+  ReactHTML,
   ReactNode,
   useEffect,
   useMemo,
   useRef,
-  ReactHTML,
-  AriaAttributes,
 } from 'react'
 import { ButtonProps } from '@typeform/embed'
 
+import { genericEmbed, GenericEmbed } from '../utils'
+
 import { InlineStyle } from './inline-style'
 
 type ButtonComponentBaseProps = {
@@ -19,6 +21,7 @@ type ButtonComponentBaseProps = {
   style?: CSSProperties
   className?: string
   children?: ReactNode
+  embedRef?: MutableRefObject<GenericEmbed | undefined>
 }
 
 export type ButtonComponentProps<T> = T & ButtonComponentBaseProps
@@ -27,31 +30,26 @@ type CreateFnProps<T> = Omit<ButtonComponentProps<T>, keyof ButtonComponentBaseP
 
 type CreateFn<T> = (id: string, props: CreateFnProps<T>) => GenericEmbed
 
-export type GenericEmbed = {
-  unmount: () => void
-  open: () => void
-}
-
-export const emptyEmbed: GenericEmbed = {
-  unmount: () => {},
-  open: () => {},
-}
-
 function makeButtonComponent<T>(createFn: CreateFn<T>, cssFilename: string) {
-  const Button = (
-    { id, children, as = 'button', style = {}, className = '', buttonProps, ...props }: ButtonComponentProps<T>,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    refOverride: MutableRefObject<GenericEmbed> | any
-  ) => {
-    const internalRef = useRef(emptyEmbed)
-    const ref = refOverride || internalRef
+  return ({
+    id,
+    children,
+    as = 'button',
+    style = {},
+    className = '',
+    buttonProps,
+    embedRef,
+    ...props
+  }: ButtonComponentProps<T>) => {
+    const internalRef = useRef(genericEmbed)
+    const ref = embedRef || internalRef
 
     useEffect(() => {
       ref.current = createFn(id, props)
-      return () => ref.current.unmount()
+      return () => ref.current?.unmount()
     }, [id, props, ref])
 
-    const handleClick = useMemo(() => () => ref.current.open(), [ref])
+    const handleClick = useMemo(() => () => ref.current?.open(), [ref])
 
     const triggerElement = React.createElement(as, {
       style,
@@ -69,8 +67,6 @@ function makeButtonComponent<T>(createFn: CreateFn<T>, cssFilename: string) {
       </>
     )
   }
-
-  return React.forwardRef(Button)
 }
 
 export { makeButtonComponent }
diff --git a/packages/embed-react/src/components/make-initializer-component.spec.tsx b/packages/embed-react/src/components/make-initializer-component.spec.tsx
index 68d0d38d..82285a8c 100644
--- a/packages/embed-react/src/components/make-initializer-component.spec.tsx
+++ b/packages/embed-react/src/components/make-initializer-component.spec.tsx
@@ -1,22 +1,37 @@
 import * as React from 'react'
-import { render } from '@testing-library/react'
+import { render, waitFor } from '@testing-library/react'
+import { MutableRefObject } from 'react'
+
+import { GenericEmbed } from '../utils'
 
 import { makeInitializerComponent } from './make-initializer-component'
 
 describe('#makeInitializerComponent', () => {
+  type Props = {
+    foo: string
+    embedRef: MutableRefObject<GenericEmbed | undefined>
+  }
+  const ref: Props['embedRef'] = {
+    current: undefined,
+  }
+  const openFn = jest.fn()
   const createFn = jest.fn().mockReturnValue({
+    open: openFn,
     unmount: jest.fn(),
   })
 
   beforeEach(() => {
-    type Props = {
-      foo: string
-    }
     const Embed = makeInitializerComponent<Props>(createFn, 'popover')
-    render(<Embed id="form-id" foo="bar" />)
+    render(<Embed id="form-id" foo="bar" embedRef={ref} />)
   })
 
   it('should create embed', () => {
     expect(createFn).toHaveBeenCalledWith('form-id', { foo: 'bar' })
   })
+
+  it('should open embed via ref', async () => {
+    await waitFor(() => expect(ref.current).not.toBe(undefined))
+    ref.current?.open()
+    await waitFor(() => expect(openFn).toHaveBeenCalledTimes(1))
+  })
 })
diff --git a/packages/embed-react/src/components/make-initializer-component.tsx b/packages/embed-react/src/components/make-initializer-component.tsx
index 136378cc..3d75ec50 100644
--- a/packages/embed-react/src/components/make-initializer-component.tsx
+++ b/packages/embed-react/src/components/make-initializer-component.tsx
@@ -1,9 +1,12 @@
-import React, { useEffect, MutableRefObject, useRef } from 'react'
+import React, { MutableRefObject, useEffect, useRef } from 'react'
+
+import { genericEmbed, GenericEmbed } from '../utils'
 
 import { InlineStyle } from './inline-style'
 
 type InitializerComponentBaseProps = {
   id: string
+  embedRef?: MutableRefObject<GenericEmbed | undefined>
 }
 
 export type InitializerComponentProps<T> = T & InitializerComponentBaseProps
@@ -12,31 +15,20 @@ type CreateFnProps<T> = Omit<InitializerComponentProps<T>, keyof InitializerComp
 
 type CreateFn<T> = (id: string, props: CreateFnProps<T>) => GenericEmbed
 
-type GenericEmbed = {
-  unmount: () => void
-}
-
-const emptyEmbed: GenericEmbed = {
-  unmount: () => {},
-}
-
 function makeInitializerComponent<T>(createFn: CreateFn<T>, cssFilename: string) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const Embed = ({ id, ...props }: InitializerComponentProps<T>, refOverride: MutableRefObject<GenericEmbed> | any) => {
-    const internalRef = useRef(emptyEmbed)
-    const ref = refOverride || internalRef
+  return ({ id, embedRef, ...props }: InitializerComponentProps<T>) => {
+    const internalRef = useRef(genericEmbed)
+    const ref = embedRef || internalRef
 
     useEffect(() => {
       ref.current = createFn(id, props)
       return () => {
-        ref.current.unmount()
+        ref.current?.unmount()
       }
     }, [id, props, ref])
 
     return <InlineStyle filename={cssFilename} />
   }
-
-  return React.forwardRef(Embed)
 }
 
 export { makeInitializerComponent }
diff --git a/packages/embed-react/src/index.tsx b/packages/embed-react/src/index.tsx
index 305250d2..43ddf3bf 100644
--- a/packages/embed-react/src/index.tsx
+++ b/packages/embed-react/src/index.tsx
@@ -17,9 +17,9 @@ import {
   Widget as WidgetComponent,
   WidgetProps,
 } from './components'
-import { memoComponent } from './utils'
+import { memoComponent, GenericEmbed } from './utils'
 
-export { WidgetProps }
+export { WidgetProps, GenericEmbed }
 export const Widget = memoComponent<WidgetProps>(WidgetComponent)
 
 export type PopupButtonProps = ButtonComponentProps<PopupOptions>
diff --git a/packages/embed-react/src/utils/generic-embed.ts b/packages/embed-react/src/utils/generic-embed.ts
new file mode 100644
index 00000000..502ff43f
--- /dev/null
+++ b/packages/embed-react/src/utils/generic-embed.ts
@@ -0,0 +1,9 @@
+export type GenericEmbed = {
+  unmount: () => void
+  open: () => void
+}
+
+export const genericEmbed: GenericEmbed = {
+  unmount: () => {},
+  open: () => {},
+}
diff --git a/packages/embed-react/src/utils/index.ts b/packages/embed-react/src/utils/index.ts
index d32690a8..6a9d3e19 100644
--- a/packages/embed-react/src/utils/index.ts
+++ b/packages/embed-react/src/utils/index.ts
@@ -1 +1,2 @@
+export * from './generic-embed'
 export * from './memo-component'
diff --git a/packages/embed/README.md b/packages/embed/README.md
index 62fff182..d3c19848 100644
--- a/packages/embed/README.md
+++ b/packages/embed/README.md
@@ -8,7 +8,7 @@
 
 Requirements:
 
-- node >= 14 (for node v12 use [v1.38.0](https://www.npmjs.com/package/@typeform/embed/v/1.38.0))
+- node >= 18
 - yarn or npm
 
 Install using your favourite package manager:
@@ -368,7 +368,7 @@ You can find examples for specific use-cases in our demos:
 
 Requirements:
 
-- node >= 16
+- node >= 18
 - yarn
 
 Install dependencies:
diff --git a/packages/embed/cypress/support/commands.js b/packages/embed/cypress/support/commands.js
index 6339ee90..96223340 100644
--- a/packages/embed/cypress/support/commands.js
+++ b/packages/embed/cypress/support/commands.js
@@ -25,7 +25,7 @@
 // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
 
 Cypress.Commands.add('vrt', (title, options = {}) => {
-  cy.wait(2000) // wait for typeform to load and hide loading screen
+  cy.wait(4000) // wait for typeform to load and hide loading screen
   cy.vrtStart()
   cy.vrtTrack(title, {
     viewport: title.match(/mobile/i) ? 'mobile' : 'desktop',
diff --git a/packages/embed/e2e/spec/functional/widget.cy.ts b/packages/embed/e2e/spec/functional/widget.cy.ts
index b986ac68..6955cb6e 100644
--- a/packages/embed/e2e/spec/functional/widget.cy.ts
+++ b/packages/embed/e2e/spec/functional/widget.cy.ts
@@ -58,7 +58,7 @@ function testMobile(path: string, title: string) {
         cy.wrap($body).find('[data-qa="start-button"]').click()
         cy.get('.tf-v1-widget-close').click()
       })
-      cy.wait(500)
+      cy.wait(1000)
       cy.get('iframe').then(($iframe) => {
         const $body = $iframe.contents().find('body')
         cy.wrap($body).find('[data-qa="start-button"]').should('exist')
diff --git a/yarn.lock b/yarn.lock
index 29c896c5..81e9cd61 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@adobe/css-tools@^4.0.1":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.2.0.tgz#e1a84fca468f4b337816fcb7f0964beb620ba855"
-  integrity sha512-E09FiIft46CmH5Qnjb0wsW54/YQd69LsxeKUOWawmws1XWvyFGURnAChH0mlr7YPFR1ofwvUQfcL0J3lMxXqPA==
+"@adobe/css-tools@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz#728c484f4e10df03d5a3acd0d8adcbbebff8ad63"
+  integrity sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==
 
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
@@ -29,7 +29,7 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.5", "@babel/code-frame@^7.5.5":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.22.5", "@babel/code-frame@^7.5.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
   integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
@@ -1141,15 +1141,7 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime-corejs3@^7.10.2":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.22.5.tgz#bbc769b48edb2bdfd404b65ad1fc3952bf33e3c2"
-  integrity sha512-TNPDN6aBFaUox2Lu+H/Y1dKKQgr4ucz/FGyCz67RVYLsBpVpUFf1dDngzg+Od8aqbrqwyztkaZjtWCZEUOT8zA==
-  dependencies:
-    core-js-pure "^3.30.2"
-    regenerator-runtime "^0.13.11"
-
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.5.tgz#8564dd588182ce0047d55d7a75e93921107b57ec"
   integrity sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==
@@ -1632,13 +1624,6 @@
     "@types/node" "*"
     jest-mock "^26.6.2"
 
-"@jest/expect-utils@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
-  integrity sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==
-  dependencies:
-    jest-get-type "^29.4.3"
-
 "@jest/fake-timers@^26.6.2":
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-26.6.2.tgz#459c329bcf70cee4af4d7e3f3e67848123535aad"
@@ -1692,13 +1677,6 @@
   optionalDependencies:
     node-notifier "^8.0.0"
 
-"@jest/schemas@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
-  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
-  dependencies:
-    "@sinclair/typebox" "^0.25.16"
-
 "@jest/source-map@^26.6.2":
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-26.6.2.tgz#29af5e1e2e324cafccc936f218309f54ab69d535"
@@ -1761,18 +1739,6 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@jest/types@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
-  integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
-  dependencies:
-    "@jest/schemas" "^29.4.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
-
 "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
@@ -2511,65 +2477,55 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
-"@next/env@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-12.1.0.tgz#73713399399b34aa5a01771fb73272b55b22c314"
-  integrity sha512-nrIgY6t17FQ9xxwH3jj0a6EOiQ/WDHUos35Hghtr+SWN/ntHIQ7UpuvSi0vaLzZVHQWaDupKI+liO5vANcDeTQ==
-
-"@next/swc-android-arm64@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-12.1.0.tgz#865ba3a9afc204ff2bdeea49dd64d58705007a39"
-  integrity sha512-/280MLdZe0W03stA69iL+v6I+J1ascrQ6FrXBlXGCsGzrfMaGr7fskMa0T5AhQIVQD4nA/46QQWxG//DYuFBcA==
-
-"@next/swc-darwin-arm64@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.0.tgz#08e8b411b8accd095009ed12efbc2f1d4d547135"
-  integrity sha512-R8vcXE2/iONJ1Unf5Ptqjk6LRW3bggH+8drNkkzH4FLEQkHtELhvcmJwkXcuipyQCsIakldAXhRbZmm3YN1vXg==
-
-"@next/swc-darwin-x64@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.0.tgz#fcd684497a76e8feaca88db3c394480ff0b007cd"
-  integrity sha512-ieAz0/J0PhmbZBB8+EA/JGdhRHBogF8BWaeqR7hwveb6SYEIJaDNQy0I+ZN8gF8hLj63bEDxJAs/cEhdnTq+ug==
-
-"@next/swc-linux-arm-gnueabihf@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.0.tgz#9ec6380a27938a5799aaa6035c205b3c478468a7"
-  integrity sha512-njUd9hpl6o6A5d08dC0cKAgXKCzm5fFtgGe6i0eko8IAdtAPbtHxtpre3VeSxdZvuGFh+hb0REySQP9T1ttkog==
-
-"@next/swc-linux-arm64-gnu@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.0.tgz#7f4196dff1049cea479607c75b81033ae2dbd093"
-  integrity sha512-OqangJLkRxVxMhDtcb7Qn1xjzFA3s50EIxY7mljbSCLybU+sByPaWAHY4px97ieOlr2y4S0xdPKkQ3BCAwyo6Q==
-
-"@next/swc-linux-arm64-musl@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.0.tgz#b445f767569cdc2dddee785ca495e1a88c025566"
-  integrity sha512-hB8cLSt4GdmOpcwRe2UzI5UWn6HHO/vLkr5OTuNvCJ5xGDwpPXelVkYW/0+C3g5axbDW2Tym4S+MQCkkH9QfWA==
-
-"@next/swc-linux-x64-gnu@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.0.tgz#67610e9be4fbc987de7535f1bcb17e45fe12f90e"
-  integrity sha512-OKO4R/digvrVuweSw/uBM4nSdyzsBV5EwkUeeG4KVpkIZEe64ZwRpnFB65bC6hGwxIBnTv5NMSnJ+0K/WmG78A==
-
-"@next/swc-linux-x64-musl@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.0.tgz#ea19a23db08a9f2e34ac30401f774cf7d1669d31"
-  integrity sha512-JohhgAHZvOD3rQY7tlp7NlmvtvYHBYgY0x5ZCecUT6eCCcl9lv6iV3nfu82ErkxNk1H893fqH0FUpznZ/H3pSw==
-
-"@next/swc-win32-arm64-msvc@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.0.tgz#eadf054fc412085659b98e145435bbba200b5283"
-  integrity sha512-T/3gIE6QEfKIJ4dmJk75v9hhNiYZhQYAoYm4iVo1TgcsuaKLFa+zMPh4056AHiG6n9tn2UQ1CFE8EoybEsqsSw==
-
-"@next/swc-win32-ia32-msvc@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.0.tgz#68faeae10c89f698bf9d28759172b74c9c21bda1"
-  integrity sha512-iwnKgHJdqhIW19H9PRPM9j55V6RdcOo6rX+5imx832BCWzkDbyomWnlzBfr6ByUYfhohb8QuH4hSGEikpPqI0Q==
-
-"@next/swc-win32-x64-msvc@12.1.0":
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.0.tgz#d27e7e76c87a460a4da99c5bfdb1618dcd6cd064"
-  integrity sha512-aBvcbMwuanDH4EMrL2TthNJy+4nP59Bimn8egqv6GHMVj0a44cU6Au4PjOhLNqEh9l+IpRGBqMTzec94UdC5xg==
+"@next/env@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/env/-/env-14.2.5.tgz#1d9328ab828711d3517d0a1d505acb55e5ef7ad0"
+  integrity sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==
+
+"@next/swc-darwin-arm64@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz#d0a160cf78c18731c51cc0bff131c706b3e9bb05"
+  integrity sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==
+
+"@next/swc-darwin-x64@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz#eb832a992407f6e6352eed05a073379f1ce0589c"
+  integrity sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==
+
+"@next/swc-linux-arm64-gnu@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz#098fdab57a4664969bc905f5801ef5a89582c689"
+  integrity sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==
+
+"@next/swc-linux-arm64-musl@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz#243a1cc1087fb75481726dd289c7b219fa01f2b5"
+  integrity sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==
+
+"@next/swc-linux-x64-gnu@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz#b8a2e436387ee4a52aa9719b718992e0330c4953"
+  integrity sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==
+
+"@next/swc-linux-x64-musl@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz#cb8a9adad5fb8df86112cfbd363aab5c6d32757b"
+  integrity sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==
+
+"@next/swc-win32-arm64-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz#81f996c1c38ea0900d4e7719cc8814be8a835da0"
+  integrity sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==
+
+"@next/swc-win32-ia32-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz#f61c74ce823e10b2bc150e648fc192a7056422e0"
+  integrity sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==
+
+"@next/swc-win32-x64-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz#ed199a920efb510cfe941cd75ed38a7be21e756f"
+  integrity sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==
 
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
@@ -3088,11 +3044,6 @@
   resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
   integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
 
-"@sinclair/typebox@^0.25.16":
-  version "0.25.24"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
-  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
-
 "@sinonjs/commons@^1.7.0":
   version "1.8.6"
   resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
@@ -3218,42 +3169,53 @@
     "@svgr/plugin-svgo" "^5.5.0"
     loader-utils "^2.0.0"
 
-"@testing-library/dom@^7.28.1", "@testing-library/dom@^7.29.6":
-  version "7.31.2"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.31.2.tgz#df361db38f5212b88555068ab8119f5d841a8c4a"
-  integrity sha512-3UqjCpey6HiTZT92vODYLPxTBWlM8ZOOjr3LX5F37/VRipW2M1kX6I/Cm4VXzteZqfGfagg8yXywpcOgQBlNsQ==
+"@swc/counter@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
+  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
+
+"@swc/helpers@0.5.5":
+  version "0.5.5"
+  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz#12689df71bfc9b21c4f4ca00ae55f2f16c8b77c0"
+  integrity sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==
+  dependencies:
+    "@swc/counter" "^0.1.3"
+    tslib "^2.4.0"
+
+"@testing-library/dom@^10.3.2":
+  version "10.3.2"
+  resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-10.3.2.tgz#0285f643510d5ff4a0b12e4efa7f734a78d80aa3"
+  integrity sha512-0bxIdP9mmPiOJ6wHLj8bdJRq+51oddObeCGdEf6PNEhYd93ZYAN+lPRnEOVFtheVwDM7+p+tza3LAQgp0PTudg==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^4.2.2"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.3.0"
     chalk "^4.1.0"
-    dom-accessibility-api "^0.5.6"
-    lz-string "^1.4.4"
-    pretty-format "^26.6.2"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
 
-"@testing-library/jest-dom@^5.11.9":
-  version "5.16.5"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz#3912846af19a29b2dbf32a6ae9c31ef52580074e"
-  integrity sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==
+"@testing-library/jest-dom@^6.4.6":
+  version "6.4.6"
+  resolved "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.4.6.tgz#ec1df8108651bed5475534955565bed88c6732ce"
+  integrity sha512-8qpnGVincVDLEcQXWaHOf6zmlbwTKc6Us6PPu4CRnPXCzo2OGBS5cwgMMOWdxDpEz1mkbvXHpEy99M5Yvt682w==
   dependencies:
-    "@adobe/css-tools" "^4.0.1"
+    "@adobe/css-tools" "^4.4.0"
     "@babel/runtime" "^7.9.2"
-    "@types/testing-library__jest-dom" "^5.9.1"
     aria-query "^5.0.0"
     chalk "^3.0.0"
     css.escape "^1.5.1"
-    dom-accessibility-api "^0.5.6"
-    lodash "^4.17.15"
+    dom-accessibility-api "^0.6.3"
+    lodash "^4.17.21"
     redent "^3.0.0"
 
-"@testing-library/react@^11.2.6":
-  version "11.2.7"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-11.2.7.tgz#b29e2e95c6765c815786c0bc1d5aed9cb2bf7818"
-  integrity sha512-tzRNp7pzd5QmbtXNG/mhdcl7Awfu/Iz1RaVHY75zTdOkmHCuzMhRL83gWHSgOAcjS3CCbyfwUHMZgRJb4kAfpA==
+"@testing-library/react@^16.0.0":
+  version "16.0.0"
+  resolved "https://registry.npmjs.org/@testing-library/react/-/react-16.0.0.tgz#0a1e0c7a3de25841c3591b8cb7fb0cf0c0a27321"
+  integrity sha512-guuxUKRWQ+FgNX0h0NS0FIq3Q3uLtWVpBzcLOggmfMoUpgBnzBzvLLd4fbm6yS8ydJd94cIfY4yP9qUQjM2KwQ==
   dependencies:
     "@babel/runtime" "^7.12.5"
-    "@testing-library/dom" "^7.28.1"
 
 "@tootallnate/once@1":
   version "1.1.2"
@@ -3282,10 +3244,10 @@
     eslint-plugin-react "^7.31.11"
     eslint-plugin-react-hooks "^4.6.0"
 
-"@types/aria-query@^4.2.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
-  integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
+"@types/aria-query@^5.0.1":
+  version "5.0.4"
+  resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz#1a31c3d378850d2778dabb6374d036dcba4ba708"
+  integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==
 
 "@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7":
   version "7.20.1"
@@ -3405,14 +3367,6 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@*":
-  version "29.5.2"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.2.tgz#86b4afc86e3a8f3005b297ed8a72494f89e6395b"
-  integrity sha512-mSoZVJF5YzGVCk+FsDxzDuH7s+SCkzrgKZzf0Z0T2WudhBUPoF6ktoTPC4R0ZoCPCV5xUvuU6ias5NvxcBcMMg==
-  dependencies:
-    expect "^29.0.0"
-    pretty-format "^29.0.0"
-
 "@types/jest@^26.0.20":
   version "26.0.24"
   resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.24.tgz#943d11976b16739185913a1936e0de0c4a7d595a"
@@ -3476,13 +3430,19 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
   integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
 
-"@types/react@^16.8.1":
-  version "16.14.43"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.43.tgz#bc6e7a0e99826809591d38ddf1193955de32c446"
-  integrity sha512-7zdjv7jvoLLQg1tTvpQsm+hyNUMT2mPlNV1+d0I8fbGhkJl82spopMyBlu4wb1dviZAxpGdk5eHu/muacknnfw==
+"@types/react-dom@^18.3.0":
+  version "18.3.0"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0"
+  integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@^18.3.3":
+  version "18.3.3"
+  resolved "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz#9679020895318b0915d7a3ab004d92d33375c45f"
+  integrity sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==
   dependencies:
     "@types/prop-types" "*"
-    "@types/scheduler" "*"
     csstype "^3.0.2"
 
 "@types/resolve@0.0.8":
@@ -3497,11 +3457,6 @@
   resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
   integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
 
-"@types/scheduler@*":
-  version "0.16.3"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
-  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
-
 "@types/semver@^7.3.12":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a"
@@ -3532,13 +3487,6 @@
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
   integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
 
-"@types/testing-library__jest-dom@^5.9.1":
-  version "5.14.6"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.6.tgz#4887f6e1af11215428ab02777873bcede98a53b0"
-  integrity sha512-FkHXCb+ikSoUP4Y4rOslzTdX5sqYwMxfefKh1GmZ8ce1GOkEHntSp6b5cGadmNfp5e4BMEWOMx+WSKd5/MqlDA==
-  dependencies:
-    "@types/jest" "*"
-
 "@types/uglify-js@*":
   version "3.17.1"
   resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.1.tgz#e0ffcef756476410e5bce2cb01384ed878a195b5"
@@ -3579,13 +3527,6 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@types/yargs@^17.0.8":
-  version "17.0.24"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.24.tgz#b3ef8d50ad4aa6aecf6ddc97c580a00f5aa11902"
-  integrity sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yauzl@^2.9.1":
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.0.tgz#b3248295276cf8c6f153ebe6a9aba0c988cb2599"
@@ -4430,13 +4371,12 @@ argv-formatter@~1.0.0:
   resolved "https://registry.yarnpkg.com/argv-formatter/-/argv-formatter-1.0.0.tgz#a0ca0cbc29a5b73e836eebe1cbf6c5e0e4eb82f9"
   integrity sha512-F2+Hkm9xFaRg+GkaNnbwXNDV5O6pnCFEmqyhvfC/Ic5LbgOWjJh3L+mN/s91rxVL3znE7DYVpW0GJFT+4YBgWw==
 
-aria-query@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
-  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+aria-query@5.3.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz#650c569e41ad90b51b3d7df5e5eed1c7549c103e"
+  integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==
   dependencies:
-    "@babel/runtime" "^7.10.2"
-    "@babel/runtime-corejs3" "^7.10.2"
+    dequal "^2.0.3"
 
 aria-query@^5.0.0, aria-query@^5.1.3:
   version "5.2.1"
@@ -5269,6 +5209,13 @@ builtins@^1.0.3:
   resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
   integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
 
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
 byline@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
@@ -5455,11 +5402,16 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001283, caniuse-lite@^1.0.30001503:
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001503:
   version "1.0.30001506"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001506.tgz#35bd814b310a487970c585430e9e80ee23faf14b"
   integrity sha512-6XNEcpygZMCKaufIcgpQNZNf00GEqc7VQON+9Rd0K1bMYo8xhMZRAo5zpbnbMNizi4YNgIDAFrdykWsvY3H4Hw==
 
+caniuse-lite@^1.0.30001579:
+  version "1.0.30001642"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz#6aa6610eb24067c246d30c57f055a9d0a7f8d05f"
+  integrity sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -5701,6 +5653,11 @@ cli-width@^2.0.0:
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
   integrity sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==
 
+client-only@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
+  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+
 cliui@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
@@ -6202,11 +6159,6 @@ core-js-compat@^3.30.1, core-js-compat@^3.30.2:
   dependencies:
     browserslist "^4.21.5"
 
-core-js-pure@^3.30.2:
-  version "3.31.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.31.0.tgz#052fd9e82fbaaf86457f5db1fadcd06f15966ff2"
-  integrity sha512-/AnE9Y4OsJZicCzIe97JP5XoPKQJfTuEG43aEVLFJGOJpyqELod+pE6LEl63DfG1Mp8wX97LDaDpy1GmLEUxlg==
-
 core-js@^2.4.0:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
@@ -7032,11 +6984,6 @@ diff-sequences@^26.6.2:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.6.2.tgz#48ba99157de1923412eed41db6b6d4aa9ca7c0b1"
   integrity sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==
 
-diff-sequences@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
-  integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
-
 diff@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
@@ -7099,11 +7046,16 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-accessibility-api@^0.5.6:
+dom-accessibility-api@^0.5.9:
   version "0.5.16"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
+  resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
   integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
+dom-accessibility-api@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz#993e925cc1d73f2c662e7d75dd5a5445259a8fd8"
+  integrity sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==
+
 dom-converter@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -8089,17 +8041,6 @@ expect@^26.6.0, expect@^26.6.2:
     jest-message-util "^26.6.2"
     jest-regex-util "^26.0.0"
 
-expect@^29.0.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
-  integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
-  dependencies:
-    "@jest/expect-utils" "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-
 express@^4.17.1:
   version "4.18.2"
   resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
@@ -9020,7 +8961,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.8, graceful-fs@^4.2.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.2, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.8, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -10440,16 +10381,6 @@ jest-diff@^26.0.0, jest-diff@^26.6.2:
     jest-get-type "^26.3.0"
     pretty-format "^26.6.2"
 
-jest-diff@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
-  integrity sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==
-  dependencies:
-    chalk "^4.0.0"
-    diff-sequences "^29.4.3"
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
-
 jest-docblock@^26.0.0:
   version "26.0.0"
   resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
@@ -10498,11 +10429,6 @@ jest-get-type@^26.3.0:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
   integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
 
-jest-get-type@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
-  integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
-
 jest-haste-map@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.6.2.tgz#dd7e60fe7dc0e9f911a23d79c5ff7fb5c2cafeaa"
@@ -10566,16 +10492,6 @@ jest-matcher-utils@^26.6.0, jest-matcher-utils@^26.6.2:
     jest-get-type "^26.3.0"
     pretty-format "^26.6.2"
 
-jest-matcher-utils@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
-  integrity sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^29.5.0"
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
-
 jest-message-util@^26.6.0, jest-message-util@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.6.2.tgz#58173744ad6fc0506b5d21150b9be56ef001ca07"
@@ -10591,21 +10507,6 @@ jest-message-util@^26.6.0, jest-message-util@^26.6.2:
     slash "^3.0.0"
     stack-utils "^2.0.2"
 
-jest-message-util@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
-  integrity sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^29.5.0"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^29.5.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
 jest-mock@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.6.2.tgz#d6cb712b041ed47fe0d9b6fc3474bc6543feb302"
@@ -10774,18 +10675,6 @@ jest-util@^26.1.0, jest-util@^26.6.0, jest-util@^26.6.2:
     is-ci "^2.0.0"
     micromatch "^4.0.2"
 
-jest-util@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
-  integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
 jest-validate@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.6.2.tgz#23d380971587150467342911c3d7b4ac57ab20ec"
@@ -11595,9 +11484,9 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-lz-string@^1.4.4:
+lz-string@^1.5.0:
   version "1.5.0"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  resolved "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
   integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
 macos-release@^2.2.0:
@@ -12202,7 +12091,7 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
   integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==
 
-nanoid@^3.1.30, nanoid@^3.3.6:
+nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -12261,28 +12150,28 @@ next-tick@^1.1.0:
   resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
   integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
 
-next@12.1.0:
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/next/-/next-12.1.0.tgz#c33d753b644be92fc58e06e5a214f143da61dd5d"
-  integrity sha512-s885kWvnIlxsUFHq9UGyIyLiuD0G3BUC/xrH0CEnH5lHEWkwQcHOORgbDF0hbrW9vr/7am4ETfX4A7M6DjrE7Q==
-  dependencies:
-    "@next/env" "12.1.0"
-    caniuse-lite "^1.0.30001283"
-    postcss "8.4.5"
-    styled-jsx "5.0.0"
-    use-subscription "1.5.1"
+next@^14.2.5:
+  version "14.2.5"
+  resolved "https://registry.npmjs.org/next/-/next-14.2.5.tgz#afe4022bb0b752962e2205836587a289270efbea"
+  integrity sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==
+  dependencies:
+    "@next/env" "14.2.5"
+    "@swc/helpers" "0.5.5"
+    busboy "1.6.0"
+    caniuse-lite "^1.0.30001579"
+    graceful-fs "^4.2.11"
+    postcss "8.4.31"
+    styled-jsx "5.1.1"
   optionalDependencies:
-    "@next/swc-android-arm64" "12.1.0"
-    "@next/swc-darwin-arm64" "12.1.0"
-    "@next/swc-darwin-x64" "12.1.0"
-    "@next/swc-linux-arm-gnueabihf" "12.1.0"
-    "@next/swc-linux-arm64-gnu" "12.1.0"
-    "@next/swc-linux-arm64-musl" "12.1.0"
-    "@next/swc-linux-x64-gnu" "12.1.0"
-    "@next/swc-linux-x64-musl" "12.1.0"
-    "@next/swc-win32-arm64-msvc" "12.1.0"
-    "@next/swc-win32-ia32-msvc" "12.1.0"
-    "@next/swc-win32-x64-msvc" "12.1.0"
+    "@next/swc-darwin-arm64" "14.2.5"
+    "@next/swc-darwin-x64" "14.2.5"
+    "@next/swc-linux-arm64-gnu" "14.2.5"
+    "@next/swc-linux-arm64-musl" "14.2.5"
+    "@next/swc-linux-x64-gnu" "14.2.5"
+    "@next/swc-linux-x64-musl" "14.2.5"
+    "@next/swc-win32-arm64-msvc" "14.2.5"
+    "@next/swc-win32-ia32-msvc" "14.2.5"
+    "@next/swc-win32-x64-msvc" "14.2.5"
 
 nice-try@^1.0.4:
   version "1.0.5"
@@ -13396,7 +13285,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -14240,14 +14129,14 @@ postcss@7.0.36:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@8.4.5:
-  version "8.4.5"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95"
-  integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==
+postcss@8.4.31:
+  version "8.4.31"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
   dependencies:
-    nanoid "^3.1.30"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
-    source-map-js "^1.0.1"
+    source-map-js "^1.0.2"
 
 postcss@^6.0.1:
   version "6.0.23"
@@ -14333,14 +14222,14 @@ pretty-format@^26.0.0, pretty-format@^26.6.0, pretty-format@^26.6.2:
     ansi-styles "^4.0.0"
     react-is "^17.0.1"
 
-pretty-format@^29.0.0, pretty-format@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
-  integrity sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==
+pretty-format@^27.0.2:
+  version "27.5.1"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
   dependencies:
-    "@jest/schemas" "^29.4.3"
+    ansi-regex "^5.0.1"
     ansi-styles "^5.0.0"
-    react-is "^18.0.0"
+    react-is "^17.0.1"
 
 proc-log@^1.0.0:
   version "1.0.0"
@@ -14423,7 +14312,7 @@ promzard@^0.3.0:
   dependencies:
     read "1"
 
-prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -14722,15 +14611,13 @@ react-dev-utils@^11.0.3:
     strip-ansi "6.0.0"
     text-table "0.2.0"
 
-react-dom@^16.8.0:
-  version "16.14.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89"
-  integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==
+react-dom@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    scheduler "^0.19.1"
+    scheduler "^0.23.2"
 
 react-error-overlay@^6.0.9:
   version "6.0.11"
@@ -14747,11 +14634,6 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-react-is@^18.0.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
-  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
-
 react-refresh@^0.8.3:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
@@ -14823,14 +14705,12 @@ react-scripts@^4.0.2:
   optionalDependencies:
     fsevents "^2.1.3"
 
-react@^16.8.0:
-  version "16.14.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
-  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+react@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
 
 read-cmd-shim@^1.0.1:
   version "1.0.5"
@@ -15574,13 +15454,12 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@^0.19.1:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
-  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
+scheduler@^0.23.2:
+  version "0.23.2"
+  resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
+  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
 
 schema-utils@^1.0.0:
   version "1.0.0"
@@ -16041,7 +15920,7 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -16235,7 +16114,7 @@ stable@^0.1.8:
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
-stack-utils@^2.0.2, stack-utils@^2.0.3:
+stack-utils@^2.0.2:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
   integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
@@ -16326,6 +16205,11 @@ stream-shift@^1.0.0:
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
   integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
 
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
@@ -16587,10 +16471,12 @@ style-loader@^2.0.0:
     loader-utils "^2.0.0"
     schema-utils "^3.0.0"
 
-styled-jsx@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.0.tgz#816b4b92e07b1786c6b7111821750e0ba4d26e77"
-  integrity sha512-qUqsWoBquEdERe10EW8vLp3jT25s/ssG1/qX5gZ4wu15OZpmSMFI2v+fWlRhLfykA5rFtlJ1ME8A8pm/peV4WA==
+styled-jsx@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
+  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
+  dependencies:
+    client-only "0.0.1"
 
 stylehacks@^4.0.0:
   version "4.0.3"
@@ -17122,6 +17008,11 @@ tslib@^2.0.3, tslib@^2.1.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.3.tgz#24944ba2d990940e6e982c4bea147aba80209913"
   integrity sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==
 
+tslib@^2.4.0:
+  version "2.6.3"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
+  integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==
+
 tsutils@^3.17.1, tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
@@ -17457,13 +17348,6 @@ url@^0.11.0:
     punycode "^1.4.1"
     qs "^6.11.0"
 
-use-subscription@1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/use-subscription/-/use-subscription-1.5.1.tgz#73501107f02fad84c6dd57965beb0b75c68c42d1"
-  integrity sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==
-  dependencies:
-    object-assign "^4.1.1"
-
 use@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"