Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

WebpackError: ReferenceError: document is not defined

See original GitHub issue

Version React-Formik-UI @ 2.3.3 (same problem with any 2.3 patch)

Mode The mode you are using React-Formik-UI in, [Default]

Describe the bug Didn’t change anything and seeing this error

  16309 | var accepts = unwrapExports(dist);
  16310 | 
> 16311 | var supportMultiple = 'multiple' in document.createElement('input'); // Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
        | ^
  16312 | // that MIME type will always be accepted
  16313 | 
  16314 | function fileAccepted(file, accept) {


  WebpackError: ReferenceError: document is not defined
  
  - index.js:16311 Module../node_modules/react-formik-ui/dist/index.js
    [lib]/[react-formik-ui]/dist/index.js:16311:1
  
  - bootstrap:19 __webpack_require__
    lib/webpack/bootstrap:19:1
  
  
  - bootstrap:19 __webpack_require__
    lib/webpack/bootstrap:19:1
  
  
  - bootstrap:19 __webpack_require__
    lib/webpack/bootstrap:19:1
  
  - sync-requires.js:9 Object../.cache/sync-requires.js
    lib/.cache/sync-requires.js:9:55
  
  - bootstrap:19 __webpack_require__
    lib/webpack/bootstrap:19:1
  
  - static-entry.js:9 Module../.cache/static-entry.js
    lib/.cache/static-entry.js:9:22
  
  - bootstrap:19 __webpack_require__
    lib/webpack/bootstrap:19:1
  
  - bootstrap:83 
    lib/webpack/bootstrap:83:1
  
  
  - universalModuleDefinition:3 webpackUniversalModuleDefinition
    lib/webpack/universalModuleDefinition:3:1
  
  - universalModuleDefinition:10 Object.<anonymous>
    lib/webpack/universalModuleDefinition:10:2
  
  - static-entry.js:103 Module._compile
    lib/.cache/static-entry.js:103:3
  
  - static-entry.js:115 Object.Module._extensions..js
    lib/.cache/static-entry.js:115:7

… Sorry I am going to be lazy on the description since I guess the error will be obvious for you to find. If it is not, tell me what to try or what to tell you @KaiHotz.

Additional context This happens when building the website with GatsbyJS Version 2.2.5 is going fine so I rolled back

Issue Analytics

State:
Created 5 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

m4rrc0commented, Mar 9, 2019

Thanks for looking at this. If you go that way It means that react-formik-ui is not SSR friendly anymore. That’s a shame IMHO. =/ Usually when I happen to use such a library on a Gatsby Project I conditionally require the lib and and hide the depending components when SSR and only show them when in SPA mode. That is what I will do if you decide to keep things that way. I think a form library should handle SSR but that is just my opinion. You should not worry about it. 😉 I have no clue what good practice are regarding SSR handling in libs like this one. Maybe a way to go would be to beautifully degrade UX when typeof window === 'undefined'. So you can go as fancy as you’d like but still support a broader range of use cases.

0reactions

m4rrc0commented, Mar 10, 2019

Makes sense. Thanks 😃