Logos package not working in Next Project

[beejsbj]

Hey there.

So this seems to be a similar problem as with the Nuxt issue.

Where using the logos seems to crash the program

Here is the error.

[beejsbj]

 1 of 1 unhandled error
Server Error
SyntaxError: Unexpected token '<'

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
<unknown>
/Users/burooj/Projects/api3/api3-aave-ui/node_modules/ (api3/logos/dist/logos/symbol/EthxLight.svg (1)
internalCompileFunction
node:internal/vm (77:18)
wrapSafe
node:internal/modules/cjs/loader (1288:20)
Module._compile
node:internal/modules/cjs/loader (1340:27)
Module._extensions..js
node:internal/modules/cjs/loader (1435:10)
Module.load
node:internal/modules/cjs/loader (1207:32)
Module._load
node:internal/modules/cjs/loader (1023:12)
Module.require
node:internal/modules/cjs/loader (1235:19)
require
node:internal/modules/helpers (176:18)
Object.<anonymous>
file:///Users/burooj/Projects/api3/api3-aave-ui/node_modules/@api3/logos/dist/cjs/SymbolLogo.js (2:25)
Module._compile
node:internal/modules/cjs/loader (1376:14)
Module._extensions..js
node:internal/modules/cjs/loader (1435:10)
Module.load
node:internal/modules/cjs/loader (1207:32)
Module._load
node:internal/modules/cjs/loader (1023:12)
Module.require
node:internal/modules/cjs/loader (1235:19)
require
node:internal/modules/helpers (176:18)
Object.<anonymous>
file:///Users/burooj/Projects/api3/api3-aave-ui/node_modules/@api3/logos/dist/cjs/index.js (1:29)
Module._compile
node:internal/modules/cjs/loader (1376:14)
Module._extensions..js
node:internal/modules/cjs/loader (1435:10)
Module.load
node:internal/modules/cjs/loader (1207:32)
Module._load
node:internal/modules/cjs/loader (1023:12)
Module.require
node:internal/modules/cjs/loader (1235:19)
require
node:internal/modules/helpers (176:18)
@api3/logos
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (2196:18)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./src/components/SymbolIcon.tsx (7:69)
./src/components/SymbolIcon.tsx
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (330:1)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsListItem.tsx (12:83)
__webpack_require__.a
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (97:13)
eval
webpack-internal:///./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsListItem.tsx (1:21)
./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsListItem.tsx
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (374:1)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsList.tsx (19:79)
__webpack_require__.a
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (97:13)
eval
webpack-internal:///./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsList.tsx (1:21)
./src/components/dashboard/list/BorrowAssetsList/BorrowAssetsList.tsx
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (363:1)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./pages/dashboard/index.tsx (19:121)
__webpack_require__.a
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (97:13)
eval
webpack-internal:///./pages/dashboard/index.tsx (1:21)
./pages/dashboard/index.tsx
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (264:1)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
eval
webpack-internal:///./node_modules/next/dist/build/webpack/loaders/next-route-loader/index.js (24:84)
__webpack_require__.a
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (97:13)
eval
webpack-internal:///./node_modules/next/dist/build/webpack/loaders/next-route-loader/index.js (1:21)
./node_modules/next/dist/build/webpack/loaders/next-route-loader/index.js?kind=PAGES&page=%2Fdashboard&preferredRegion=&absolutePagePath=.%2Fpages%2Fdashboard%2Findex.tsx&absoluteAppPath=private-next-pages%2F_app&absoluteDocumentPath=private-next-pages%2F_document&middlewareConfigBase64=e30%3D!
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (33:1)
__webpack_require__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/webpack-runtime.js (33:42)
__webpack_exec__
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (3064:39)
<unknown>
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (3065:28)
Object.<anonymous>
file:///Users/burooj/Projects/api3/api3-aave-ui/.next/server/pages/dashboard.js (3068:3)

[hiletmis]

In the docs you should see how to implement it to nuxt