Estoy tratando de implementar la función de copiar al portapapeles para establecer la URL actual de cada página, he seguido los documentos de Gatsby: gatsby

 import React from "react" import { graphql } from "gatsby" const Page = ({ location, data }) => { const canonicalUrl = data.site.siteMetadata.siteURL + location.pathname return <div>The URL of this page is {canonicalUrl}</div> } export default Page export const query = graphql` query PageQuery { site { siteMetadata { siteURL } } } `

eventualmente recibo un error de No se pueden leer las propiedades de undefined (leyendo 'nombre de la ruta')

Alguna idea de como resolver esto ?