ReferenceError: navigator is not defined in Nextjs

[upfounders]

I am creating form with formio in Nextjs project got this error, anyone see this problem, and any workaround?

error - ReferenceError: navigator is not defined
at Object. (/Users/kilghar/Documents/Code/uf-next/node_modules/formiojs/components/file/File.js:120:21)

[enkinduweles]

I have the same problem, even using the 'use client' directive of nextjs.

[Dalorzo]

You to load the form dynamically and avoid any SSR, you will get rid of that problem.

import dynamic from 'next/dynamic'

const Form = dynamic<FormioFormProps>(() => import('@formio/react').then(mod => mod.Form), {
  ssr: false,
  loading: () => <p>Loading...</p>,
})

You continue using your form like you usually do

/*your commponent*/
return ( <Form
          formReady={onFormReady}
          options={options} .....