`build` script fails when trying to use `getPath('userData')`

If you change the start.js file in master to the following:

import {app, remote} from 'electron'

const userDataPath = app ? app.getPath('userData') : remote.app.getPath('userData')

export default () => (
  <section>
      <p>{'This is Next.js speaking'}</p>
      <p>{`Your user data path is: ${userDataPath}`}</p>
  </section>
)

When you run npm run build, it will produce the following error.

> electron-next-skeleton@1.0.0 build /Users/manovotny/Developer/electron-next-skeleton
> next build renderer && next export renderer

> Using "webpack" config function defined in next.config.js.
  using build directory: /Users/manovotny/Developer/electron-next-skeleton/renderer/.next
  exporting path: /start
TypeError: Cannot read property 'app' of undefined
    at Object.<anonymous> (/Users/manovotny/Developer/electron-next-skeleton/renderer/.next/dist/pages/start.js:15:88)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at _callee$ (/Users/manovotny/Developer/electron-next-skeleton/node_modules/next/dist/server/require.js:33:46)
    at tryCatch (/Users/manovotny/Developer/electron-next-skeleton/node_modules/next/node_modules/regenerator-runtime/runtime.js:65:40)

I think I am doing the if check for which app to use correctly because the page could be server or client rendered.

To be clear, npm start runs just fine without any errors. It’s only when you try and build that it’s unhappy.

I would appreciate any help or thoughts of what to try instead.

[manovotny]

@leo yeah, I’m not saying it was your fault or that you didn’t explain it well. I’m saying I’m dense and finally get it now. 😊 Thanks again!

[leo]

👋

Don’t try to render anything server-side. There’s no point in that as – for production – a static bundle will be generated. In addition, don’t assume that the server side of the renderer process is equal to the main process, I think they’re two separate processes. 😊

Only do that kind of stuff in the “client” part of the renderer process, not on the server. So make sure to check for the existence of document to ensure you’re on the client.