search

lifinance / widget

LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
https://li.fi/widget
Apache License 2.0
129 stars 84 forks source link

Next.js 14 incompatibility issue - OpenSea Seaport missing #229

Closed westonnelson closed 5 months ago

westonnelson commented 7 months ago

When attempting to deploy the widget in a Next.js 14 app to Vercel, the build is failing with an error:

@opensea/seaport-js@npm:4.0.0 STDERR command not found:

image

chybisov commented 7 months ago

Can you please share more details? @lifi/widget doesn't have @opensea/seaport-js in dependencies.

westonnelson commented 7 months ago

Can you please share more details? @lifi/widget doesn't have @opensea/seaport-js in dependencies.

Hey @chybisov - I tried a few different things with the updated dependencies, but still having issues deploying the app to Vercel.

I wonder if it is a TypeScript issue - the error now is showing that container does not exist in the ThemeConfig type, which I believe is imported from the @lifi/widget package.

I hope this is helpful, let me know if there is anything else I might be able to troubleshoot!

image

chybisov commented 7 months ago

@westonnelson In the v3 the type is called WidgetTheme. Which version do you use?

westonnelson commented 7 months ago

Whichever is the most current from the Li.Fi repository.

Basically, I'm just testing the process of integrating the widget into multiple demo apps each with different frameworks, and this is the issue I keep facing.

I can view my app locally and interact with it but not sure where the build is failing (I believe it must be breaking somewhere on the production deployment). Any other insights? Ty!

chybisov commented 7 months ago

@westonnelson are you trying to deploy one of the projects directly from the repository?

The best approach is to use @lifi/widget@alpha package from NPM, not directly code from the repository. For example, you should be able to successfully build and deploy projects from the examples folder. If that is not the case, please let us know which one we should check.

Also, some reproducible examples from your side would be helpful in finding and better understanding the issue. Thank you! 🙂

chybisov commented 5 months ago

The Widget v3 has been released. Please see the documentation here https://docs.li.fi/integrate-li.fi-widget/li.fi-widget-overview