Unsupported Tailwind class error

I followed the instructions but React Native gives Unsupported Tailwind class error in the console.

App.js:

import { Text, View } from "react-native";
import { StatusBar } from "expo-status-bar";
import utilities from "./tailwind.json";
import { TailwindProvider, useTailwind } from "tailwind-rn";
import React from "react";

export default function App() {
  return (
    <TailwindProvider utilities={utilities}>
      <SomePage />
    </TailwindProvider>
  );
}

function SomePage() {
  const tailwind = useTailwind();

  return (
    <View style={tailwind("bg-black flex flex-1 justify-center")}>
      <Text style={tailwind("text-3xl font-bold text-white")}>hello world</Text>
      <StatusBar style="auto" />
    </View>
  );
}

tailwind.config.js

module.exports = {
  content: [],
  theme: {
    extend: {},
  },
  plugins: [],
  corePlugins: require('tailwind-rn/unsupported-core-plugins'),
}

tailwind.json

{}

[jae1jeong]

paste this code in tailwind.config.js content: [‘./src/**/*.{js,jsx,ts,tsx}’], this worked for me

[panbak]

check your tailwind.config.js file. You may need to change content: ['./src/**/*.{js,jsx,ts,tsx}'] to content: ['./app/**/*.{js,jsx,ts,tsx}'] depending on your project folder structure. That was the case for me.