CSS styles not working in React component

import './styles.css';

export default Component;

@tailwind base; // => index.css

@tailwind components; // => index.css

@tailwind utilities; // => index.css

tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {

  content: ['./src/**/*.{html,js,jsx}'],

  theme: {

    extend: {},

  },

  plugins: [],

};