If font-quicksand-bold is not working on youtube video 30:51

[Lumnaire]

here is the full code for _layout.tsx:

import { useFonts } from 'expo-font';
import { SplashScreen, Stack } from "expo-router";
import { useEffect } from 'react';
import './global.css';

export default function RootLayout() {
const [fontsLoaded, error] = useFonts({
"Quicksand-Bold": require("../assets/fonts/Quicksand-Bold.ttf"),
"Quicksand-Medium": require("../assets/fonts/Quicksand-Medium.ttf"),
"Quicksand-Regular": require("../assets/fonts/Quicksand-Regular.ttf"),
"Quicksand-SemiBold": require("../assets/fonts/Quicksand-SemiBold.ttf"),
"Quicksand-Light": require("../assets/fonts/Quicksand-Light.ttf"),
});

useEffect(() => {
if (error) throw error;
if (fontsLoaded) {
SplashScreen.hideAsync();
}
}, [fontsLoaded, error]);

return <Stack screenOptions={{ headerShown: false }} />;
}

---

also remove the font-bold change it to font-quicksand-bold on the className