From dbf724e6bc18d63e2442ad523ee5ce00193da7cf Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Mon, 8 Aug 2022 22:06:09 +0530
Subject: [PATCH 1/4] Update script.md

Adding `strategy="lazyOnload"`.
---
 docs/basic-features/script.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/basic-features/script.md b/docs/basic-features/script.md
index 5cc30b220305d47..cb809b5a27f8aa9 100644
--- a/docs/basic-features/script.md
+++ b/docs/basic-features/script.md
@@ -240,6 +240,7 @@ Or by using the `dangerouslySetInnerHTML` property:
 ```jsx
 <Script
   id="show-banner"
+  strategy="lazyOnload"
   dangerouslySetInnerHTML={{
     __html: `document.getElementById('banner').classList.remove('hidden')`,
   }}

From e1b3c42e863699581e93d9f17b3b7a5ec8fc0451 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Mon, 8 Aug 2022 22:10:28 +0530
Subject: [PATCH 2/4] Improving googlemap eg

---
 docs/basic-features/script.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/basic-features/script.md b/docs/basic-features/script.md
index cb809b5a27f8aa9..4d72297e9106035 100644
--- a/docs/basic-features/script.md
+++ b/docs/basic-features/script.md
@@ -281,11 +281,14 @@ export default function Home() {
 Some third-party scripts require users to run JavaScript code after the script has finished loading and every time the component is mounted (after a route navigation for example). You can execute code after the script's `load` event when it first loads and then after every subsequent component re-mount using the `onReady` property:
 
 ```jsx
-import Script from 'next/script'
+import { useRef } from "react";
+import Script from 'next/script';
 
 export default function Home() {
+  const ref = useRef();
   return (
     <>
+      <div ref={ref}></div>
       <Script
         id="google-maps"
         src="https://maps.googleapis.com/maps/api/js"

From cb0d29588804350a15beaccf48bd549a3405db64 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Mon, 8 Aug 2022 22:10:48 +0530
Subject: [PATCH 3/4] improve again

---
 docs/basic-features/script.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/basic-features/script.md b/docs/basic-features/script.md
index 4d72297e9106035..6769bbaa416b0e8 100644
--- a/docs/basic-features/script.md
+++ b/docs/basic-features/script.md
@@ -285,15 +285,15 @@ import { useRef } from "react";
 import Script from 'next/script';
 
 export default function Home() {
-  const ref = useRef();
+  const mapRef = useRef();
   return (
     <>
-      <div ref={ref}></div>
+      <div ref={mapRef}></div>
       <Script
         id="google-maps"
         src="https://maps.googleapis.com/maps/api/js"
         onReady={() => {
-          new google.maps.Map(ref.current, {
+          new google.maps.Map(mapRef.current, {
             center: { lat: -34.397, lng: 150.644 },
             zoom: 8,
           })

From 0326a0e0cd2ca161f58fdea5234a1bd5d4f76543 Mon Sep 17 00:00:00 2001
From: JJ Kasper <jj@jjsweb.site>
Date: Mon, 8 Aug 2022 12:58:00 -0500
Subject: [PATCH 4/4] lint-fix

---
 docs/basic-features/script.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/basic-features/script.md b/docs/basic-features/script.md
index 6769bbaa416b0e8..9e2fc40d7a749d9 100644
--- a/docs/basic-features/script.md
+++ b/docs/basic-features/script.md
@@ -281,11 +281,11 @@ export default function Home() {
 Some third-party scripts require users to run JavaScript code after the script has finished loading and every time the component is mounted (after a route navigation for example). You can execute code after the script's `load` event when it first loads and then after every subsequent component re-mount using the `onReady` property:
 
 ```jsx
-import { useRef } from "react";
-import Script from 'next/script';
+import { useRef } from 'react'
+import Script from 'next/script'
 
 export default function Home() {
-  const mapRef = useRef();
+  const mapRef = useRef()
   return (
     <>
       <div ref={mapRef}></div>