Llamar a un funcion desde el componente en React

[Hyemin]

Tengo un problema

Tengo un componente que tiene la funcion cambiarValor, ahora no consigo llamarla por referencias

Estoy acstumbtrado a ANgular donde tengo las funciones mas libres y estoy perdido con esto, probe usar reducers, states, de todo

Código Javascript:

export const App = () => {
 
    const grillaRef =  React.createRef();
 
    const numeros = [1,2,3,4,5,6,7,8,9];
    
 
    const handleClick = (evento)=> {
        console.log('me llega el grillaref',grillaRef);
 
        grillaRef.current.cambiarValor([0,1], 5);
 
    }
 
    return (
        <>
        <div className="col-6 flex-auto">
        {
               
                    <Grilla2 
                       
                        ref={grillaRef}
                        cambiarValor={ handleClick}
                    />
                
            }
        </div>
      
 
        <button  onClick={handleClick}> Prueba </button>
            
        </>
    )