I encountered an issue where the / tags are not working as expected. Contrary to the tutorial, nothing was displayed after compiling.
Following the guide on Nextjs.org, I utilized the typescript version with create-next-app typescript. Despite overcoming various type-related obstacles, I managed to compile successfully but ended up with a blank component. Upon checking the console, I received the warning message: index.js:1 Warning: the 'url' property is deprecated.
After clicking the provided link and following the instructions, including downloading the codemod, I still faced the same issue. Any suggestions on what steps I should take next? Thank you in advance!
import * as React from "react";
import Layout from '../components/MyLayout'
import Link from "next/link";
import {withRouter} from 'next/router'
interface IPostLinkProps{
title:string
}
const PostLink = (props:IPostLinkProps) =>{
return(
<li>
<Link href={`/post?title=${props.title}`}>
<a>{props.title}</a>
</Link>
</li>
)
}
export default withRouter(function Blog(){
return(
<Layout>
<h1> My Blog</h1>
<ul>
<PostLink title='hi'/>
<PostLink title="HELP!"/>
<PostLink title='hi'/>
</ul>
</Layout>
)
})
index.js:1 Warning: the 'url' property is deprecated.