I am following this docs gatsby-location , I did succeeded implementing this code in another page :

pages/date/index.js:

const DateWithId = ({location},props) => {
    const { state = {} } = location
    const { eventID} = state

in this page the eventID works just fine , but in another page I want to receive the same eventID as a location prop : pages/date/[matchId]/index.js :

const MatchDetail = ({location}) => {
  const { state = {} } = location
  const { eventID} = state

Here I get this error : How can I fix this issue please ?!