feat: add buffer polyfill

api/src/main.spec.ts

@@ -0,0 +1,5 @@
+describe('api', () => {
+  it('should work', () => {
+    expect(true).toBe(true)
+  })
+})

web/src/main.tsx

@@ -1,6 +1,7 @@
 import { StrictMode } from 'react'
 import * as ReactDOM from 'react-dom/client'
 import { BrowserRouter } from 'react-router-dom'
+import './polyfill'
 
 import { App } from './app/app'
 

web/src/polyfill.ts

@@ -0,0 +1,6 @@
+// Polyfill the browser, prevents the error "Uncaught ReferenceError: Buffer is not defined"
+if (typeof window !== 'undefined' && typeof window.global === 'undefined' && typeof Buffer === 'undefined') {
+  window['global'] = window
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  global.Buffer = require('buffer').Buffer
+}

web/webpack.config.js

@@ -7,6 +7,7 @@ module.exports = composePlugins(withNx(), withReact(), (config) => {
   // e.g. `config.plugins.push(new MyPlugin())`
   config.ignoreWarnings = [/Failed to parse source map/]
   config.resolve.fallback = {
+    buffer: require.resolve('buffer/'),
     crypto: false,
   }
   return config