This is the index file ``` import BrowseCollections from '@/components/home/BrowseCollections' import FeaturedCategories from '@/components/home/FeaturedCategories' import FeaturedProducts from '@/components/home/FeaturedProducts' import PrepareForRamadan from '@/components/home/FeaturedSellers' import HeroSection from '@/components/home/HeroSection' import NewsletterSection from '@/components/home/NewsletterSection' import SellerSpotlight from '@/components/home/SellerSpotlight' import Navbar from '@/components/layout/Navbar' import { createFileRoute } from '@tanstack/react-router' import { Footer } from 'react-day-picker' export const Route = createFileRoute('/')({ component: App, }) export default function App() { return (

) } ``` Navbar component specifically ``` useEffect(() => { console.log('useffect ran'); if (location.pathname === "/") { setIsLogoAnimated(false); setTimeout(() => { setIsLogoAnimated(true); }, 100); } else { setIsLogoAnimated(true); } }, [location.pathname]); anhar ``` but this not being visible

Render some component on client with useEffect

Similar Threads

Similar Threads

Similar Threads