Check you have correctly imported and set up Ziggy in your React component. Beacuse Ziggy provides a route() function. Follow these examples:

1. Import the Hook:

   import React from 'react'; import { InertiaLink, usePage } from '@inertiajs/inertia-react';

2. Access the Current Route:

   const { url } = usePage();

3. Conditionally Render Your Link Component

   const isActive = (path) => url === path;

   return (<InertiaLink href={route('home')} className={isActive('/about') ? 'text-blue' : 'text-green'} >Home);