Next.js: undefined props in URLs set in the rewrites of next.config.js

Question

Hello very good morning, I'm building an App with Next.js and I'm facing the following problem. I want to get the data rendered from the client on a page and I have the following:

// pages/news.jsx
export default function News ({ title }) {
   console.log('title: ', title)
   return <div>{title}</div>
}
export async function getServerSideProps () {
return {
  props: {
    title: 'hello!'
  }
}

On the other hand, in the next.config.js, I have a 'rewrites', so that when using the URL 'es/noticias' it goes to '/news':

i18n: {
   locales,
   defaultLocale: 'en',
   localeDetection: false
},
async rewrites () {
  return [{"source":"/noticias", "destination":"/news"}]
}

NOTE: only he put the most important of the code.

The problem I find is that using the URL '/news' the 'title' props is always printed by console, both on the server and client side, but from the URL 'es/noticias' on the client side it always outputs 'undefined'. This happens when I use the Link component, if I use an 'a' (anchor) it works, but I want to use the Link component. Any ideas? Thank you!