Error fetching trade

[HarlamovEvgeniy]

Bug Description
The problem occurs on the widget screen. The endless error "Error fetching trade"

Versions:
Vite: 4.5.1
React: 18.2.0
TypeScript: 5.3.3
@uniswap/widgets: 2.59.0
...

Expected Behavior
A clear and concise description of what you expected to happen.

[HarlamovEvgeniy]

My vite.config.ts

import react from '@vitejs/plugin-react'
import { fileURLToPath } from 'url'
import { defineConfig } from 'vite'
import { createHtmlPlugin } from 'vite-plugin-html'
import svgLoader from 'vite-svg-loader'
import { chunkSplitPlugin } from 'vite-plugin-chunk-split';
import { nodePolyfills } from "vite-plugin-node-polyfills"
import path from "path";

export default defineConfig({
  plugins: [
    react(),
    createHtmlPlugin({
      minify: true,
      entry: '/src/main.tsx',
      template: '/index.html',
    }),
    svgLoader(),
    chunkSplitPlugin({
      strategy: 'unbundle',
    }),
    nodePolyfills()
  ],
  server: {
    port: 3000,
    open: true,
  },
  optimizeDeps: {
    esbuildOptions: {
      define: {
        global: 'globalThis'
      }
    }
  },
  resolve: {
    alias: {
      "@": fileURLToPath(new URL('./src', import.meta.url)),
      jsbi: path.resolve(__dirname, "./node_modules/jsbi/dist/jsbi-cjs.js"),
      process: "process/browser",
      buffer: "buffer",
      crypto: "crypto-browserify",
      stream: "stream-browserify",
      assert: "assert",
      http: "stream-http",
      https: "https-browserify",
      os: "os-browserify",
      url: "url",
      util: "util",
    }
  },
  build: {
    outDir: path.join(__dirname, "build"),
    sourcemap: false,
    minify: true,
    commonjsOptions: {
      transformMixedEsModules: true,
    }
  },
})

[Asharp19]

Same issue with me not sure if its a Vite thing. Got to launch a frontend for my token was thinking could add a widget before liquidity pool is set since short on time.
I guess will have to take the sdk-v3 route for quotes and swapping

[Antonio100898]

Same

[SerovMihail]

We are facing the same issue with the same configuration. Any solution?

[HarlamovEvgeniy]

The only solution that helped me was to implement my widget using the SDK-v3

[Antonio100898]

May I ask you to share the code with me? I would appreciate a lot if you could just give a direction of what I need to change for my own project (provider/rpc addresses etc.) среда, 31 января 2024 г. пользователь HarlamovEvgeniy < ***@***.***> написал:

…

The only solution that helped me was to implement my widget using the SDK-v3 — Reply to this email directly, view it on GitHub <#627 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AXWUE23TC5PMYUAKVDQ6CTDYRIF4LAVCNFSM6AAAAABCL3I65OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMJYG4ZDKOJVGI> . You are receiving this because you commented.Message ID: ***@***.***>

[HarlamovEvgeniy]

Any solution?

[Chi111]

Same!
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.8.0",
"@uniswap/widgets": "2.59.0",
"@metamask/detect-provider": "2.0.0",
"ethers": "5.7.2",

[Chi111]

The only solution that helped me was to implement my widget using the SDK-v3

Can You Give Me a demo? My project is still wrong

[HarlamovEvgeniy]

Can You Give Me a demo? My project is still wrong

I can't share it because the reason is in the smart-order-router library, and I couldn't make my own implementation:(

[dziobakwszafie]

Any update for that? I;m facing the same problem with Next.js

[Wunsz]

My summary of the issue so far is as follows:

This issue occurs at least on the following browsers:

• Chrome 121.0.6167.139 (Official Build) (64-bit)
• Firefox 122.0 (64-bit)

This issue occurs in all the latest bundlers:

• Vite (Rollup)
• CRA (Webpack5)
• NextJS (Webpack5)

The core issue is in this package: https://github.com/foliojs/brotli.js which is a dependency of @uniswap/smart-order-router package. There is an old issue raised for that so it's unclear why this resurfaced here just now:
foliojs/brotli.js#20

The workaround we found so far (dirty one) is to monkey patch the window object and tell it that the Browser.T function exists:

window.Browser = {
    T: () => {}
}

[fabdarice]

Following