указание URL в качестве параметра в JS код функции HTML

Question

Проблема в том, что при вызове ImageButton переданный URL "https://www.google.lt/" не работает. Я думаю, что я выбрал плохой формат здесь: href = {url.url}. Есть идеи как это исправить?

Кнопка. js

function ImageButton(image, url) {
    return (
<a href={url.url} >
    <img src={image.image} alt={'Page logo'}/>
</a>

  );
}

Домашняя страница. js

...

const title = 'Homepage';
function Homepage() {

  return (

        <>
      <Helmet>
        <title>{title}</title>
      </Helmet>

      <h1>Homepage</h1>
              <Grid container spacing={2}>
                <ImageButton image={blogLogo} url={"https://www.google.lt/"} />
                <ImageButton image={shopLogo} url={"https://www.google.lt/"} />
      </Grid>

    </>

  );
}