Issue with @expo/vector-icons in monorepo

[Puneet56]

Hi, I am trying to get icons to work in with-tailwind monorepo. Added next-fonts which injects a webpack loader but still no luck. Working fine in older monorepo.

My next config

Error

[albertcito]

Did you find a solution? The last comment says add it to transpileModules.

const { withExpo } = require('@expo/next-adapter')

/** @type {import('next').NextConfig} */
const nextConfig = {
  ...
  reactStrictMode: false,
  transpilePackages: [
    'react-native',
    'react-native-web',
    'solito',
    'dripsy',
    '@dripsy/core',
    'moti',
    'app',
    'react-native-reanimated',
    '@expo/html-elements',
    '@expo/vector-icons',
    'react-native-gesture-handler',
  ],
}

module.exports = withExpo(nextConfig)

I did it, but in any case it doesn't work. I'm getting this issue:

../../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Ionicons.ttf
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

I didn't tested it yet. But solito has a Icon section in the documentation