fix: set browserlist so that js files are transpiled (#1457)

* fix: set `browserlist` so that js files are transpiled

so that modern syntax like `??` which is tripping up some build systems are transpiled

* fix: set webpack target to `web` for docs build

previously it would default to this, but with a `browserList` set it chooses that instead and fails if it's empty

* fix: set webpack target for cypress

cypress.config.js

@@ -6,7 +6,15 @@ module.exports = defineConfig({
     baseUrl: 'http://localhost:6006',
     video: false,
     setupNodeEvents(on) {
-      on('file:preprocessor', webpackPreprocessor())
+      on(
+        'file:preprocessor',
+        webpackPreprocessor({
+          webpackOptions: {
+            ...webpackPreprocessor.defaultOptions.webpackOptions,
+            target: 'web',
+          },
+        }),
+      )
     },
   },
 })

docusaurus.config.js

@@ -36,7 +36,16 @@ const config = {
       }),
     ],
   ],
-  plugins: [require.resolve('./docusaurus/plugins/webpack5polyfills.js')],
+  plugins: [
+    // @ts-ignore
+    () => ({
+      name: 'configure-webpack-target',
+      configureWebpack(webpackConfig, isServer) {
+        webpackConfig.target = isServer ? 'node' : 'web'
+      },
+    }),
+    require.resolve('./docusaurus/plugins/webpack5polyfills.js'),
+  ],
 }
 
 module.exports = config

package.json

@@ -7,6 +7,7 @@
   "module": "dist/downshift.esm.js",
   "typings": "typings/index.d.ts",
   "sideEffects": false,
+  "browserslist": [],
   "scripts": {
     "build": "npm run build:web --silent && npm run build:native --silent",
     "build:web": "kcd-scripts build --bundle --p-react --no-clean --size-snapshot",