REACT не работает onclick

Есть файл Load.js на нём прелоадер грузит потом показывает страницу Filtr.js

    function Zz({go}) {
        const [loading, setLoading] = useState(false)
    useEffect(()=>{
        setLoading(true)
        setTimeout(()=>{
            setLoading(false)
        }, 500)
    }, [])

    return (
        <div className='load'>
                    {
                loading?
                <BarLoader 
  color="#5ea8ff"
  height={4}
  loading
  speedMultiplier={0.6}
  width={250}
/>
      :
      <Filtr  />
            }
        </div>
    );
_
}




function DomoHatShop() {
    const [countInCart, setCountInCart] = useState(2);
    return  (
      <div className="ssssss">
        <div className='imglogo'>
            <img className="loading" src={loadingimg} alt="Лого Загрузка" width="300" height="100"/>
            </div>
            <Zz />

             </div>
    ); 
  } 
  //function DomoHatShop сводит все функции(блоки) в один общий вид




const z = ({ go }) => {
        return <DomoHatShop go={go} />

    
  };
  
  //const конечный результат то что ведет пользователь(выводит на экран все что собрали в DomoHatShop)


  z.propTypes = {
    id: PropTypes.string.isRequired,
    go: PropTypes.func.isRequired,
    luch: PropTypes.func.isRequired,
};  

export default z;

В файле Filtr.js есть кнопка go которая ведет на главную без страницы прелоадера всё работает, а через прелоадер кнопка не переводит на главную, в чём проблема?

const Filtr = ({ go }) => (
    

        
        <Panel id="filtr">
                <PanelHeader
            left={<PanelHeaderBack onClick={go} data-to="home"/>}
        >
            Тест
        </PanelHeader>
        
    <Footer>Все данные используются в информационных целях. И собраны для удобства.</Footer>

    </Panel>
);

Filtr.propTypes = {
    id: PropTypes.string.isRequired,
    go: PropTypes.func.isRequired,
    luch: PropTypes.func.isRequired,
};

export default Filtr;