Why does the function inside onLoad not execute in my nextjs project

Question

I was learning nextjs on nextjs.org and did what I read on the tutorial but it doesn't work. ....why is the function inside onLoad not executing?

 import Link from 'next/link'; import Head from 'next/head'; import Script from 'next/script'; const FirstPost = () => { return ( < div > < Head > < title > BlogPost < /title> < Script src = "https://connect.facebook.net/en_US/sdk.js" strategy = "lazyOnload" onLoad = { () => { console.log("script loaded successfully"); } } /> < /Head> < h3 > first blog post in my next.js project < /h3> < Link href = "/" > < h2 > Go home < /h2></Link > < /div> ) } export default FirstPost;