Merhaba arkadaslar,

Reactjs e yeni basladim soru basit gelirse affola. react-router-dom ile nested routelar olusturdugum zaman tailwind css lerim calismiyor. Orn asagidaki gibi bir route schema kullaniyorum routing icin:

export default function App() {
	return (
		<>
			<Routes>
				<Route path="/kullanici" element={<LoginPage />}>
					<Route index element={<Login />} />
					<Route path="giris" element={<Login />} />
					<Route path="sifremi-unuttum" element={<ForgotPassword />} />
				</Route>
			</Routes>
		</>
	);
}

browser uzerinde "localhost:3000/kullanici" dedigimde Login sayfam sorunsuz sekilde tum css ozellikleri ile render olurken "localohost:3000/kullanici/giris" ya da "localohost:3000/kullanici/sifremi-unuttum" dedigimde
html render ediliyor. html elemenlerimin uzerinde tailwindcss classlarimin isimleride var fakat sanki tailwindin kendisi render olmamis gibi sayfada hic bir style yok.

tailwindcss.config.js dosyam:

module.exports = {
	mode: "jit",
	content: ["./src/**/*.{js,jsx,html}"],
	theme: {
		extend: {
			colors: {
				"login-blue": "#eee",
			},
		},
	},
	plugins: [],
};

Projemin folder schemasi standart:

/package.json
/tailwind.config.js
/src
    /component
    /pages
    ...

Yardimlarinizi bekliyorum.