Конфигурация Tailwind в ответе не работает

Я новичок в React Native и Typescript. в этом проекте я хочу использовать CSS Tailwind и следовать инструкциям на сайте NativeWind, чтобы настроить Tailwind.config.js следующим образом.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App.tsx",
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

но ни к одному файлу в src не применяется CSS.

и если я настрою это так

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App.tsx",
    // "./src/**/*.{js,jsx,ts,tsx}",
    "./src/screens/Home.tsx",
    "./src/screens/MainLayout.tsx",
    "./src/screens/Profile.tsx",
    "./src/screens/Search.tsx",
    "./src/screens/SplashScreen.tsx",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

тогда все работает, что я сделал не так