NorthBei commented 2 years ago

Descriptio

Upgraded boilerplate to latest version and update some api & config

Change

Updgrade all package to lastest version
Updated react 18 render api, electron-forge config
Change main entry point in pakcage.json

Package upgrade/update

I upgrade all package from current to lastest.

and replace eslint-plugin-node with eslint-plugin-n for eslint-config-standard.

Testing

I already try to run these commands to ensure that could work well.

yarn start

yarn lint

yarn package

yarn make

and check things going well

Issue & Reference

electron-forge

Becasue electron-forge upgarde, we should add devContentSecurityPolicy into forge config, allow electron app load react logo from remote url for this boilerplate.

if you just want to add specific url into whitelist, you could do this:

...
      {
        mainConfig: ...,
        devContentSecurityPolicy: "img-src 'self' https://www.vectorlogo.zone;",
        renderer: { ... },
      },
...

Refs:

React 18

Upgrading react from v17 to v18, should update the render api

Refs:

How to Upgrade to React 18

styled-component

Because react and @types/react also upgrade to v18, and styled-component's type package not compatible the lastest version of @types/react, it will leads the createGlobalStyle api error in typescript like below image.

However, it's not affect the app running.