I am trying to import icons from a tailwindcss file inside my expo app. I tried:

import { Tabs, Redirect } from 'expo-router'
import React from 'react'

import { icons } from '../../constants'

const TabIcon = ({ icon, color, name, focused }) => {
  return (
    <View>
      <Image source={icon}/>
    </View>
  )
}

const TabsLayout = () => {
  return (
    <>
      <Tabs>
        <Tabs.Screen
          name="explore"
          options={{
            title: '',
            headerShown: false,
            tabBarIcon: ({ color, focused }) => (
              <TabIcon
                icon={icons.explore}
                color={color}
                name="explore"
                focused={focused}
              />
            )
          }}
        />
      </Tabs>
    </>
  )
}

export default TabsLayout

but every time I run the app i get this error: Unable to resolve "../../constants" from "app(tabs)_layout.jsx"

• I have already confirmed the spelling of the folder and its location.
• I have tried to reach the folder via my global folder structure.
• I have updated my dependencies and packages.
• I tried to import other files from a different directory (got the same error)
• I have cleared the compiler cache
• I restarted my pc

All of these things resulted in the same error message.