import TestAcademy from './test-academy.js';
function MyApp({ Component, pageProps }) {
const router = useRouter()
const [approved, setApproved] = useState(false)
...
return(
<Link href='/test-academy' //pass approved as a prop>
</Link> )
So, I want to load the component TestAcademy, and when it loads I can access inside them, to props.approved
<Link
href={{
pathname: "/test-academy",
query: { approved: approved }
/>