ZAFClient.init() in not working with NextJs

Question

I am Working on Zendesk Server Side App next js.

I am trying to Access framework Api as mentioned in the Documentation here

<script src="https://static.zdassets.com/zendesk_app_framework_sdk/2.0/zaf_sdk.min.js"></script>

var client = ZAFClient.init();
client.invoke('notify', 'Ticket successfully updated!')

What I have tried is:

    useEffect(() => {
        console.log("indexjs use effect")
        getRequester();
      }, []);
    
      const getRequester = async () => {
        console.log("indexjs getRequester")
        var client = ZAFClient.init();
        client.invoke("resize", { width: "100%", height: "600px" });
        const requester = await client.get("ticket");
     }
    .
    .
    .
    .
    .
    
    return (
        <div>
          <Script
            type="text/javascript"
            src="https://static.zdassets.com/zendesk_app_framework_sdk/2.0/zaf_sdk.min.js"
          />
         .
         .
         .
         .
         .

       </div>
    );

I am getting following error

Uncaught (in promise) ReferenceError: ZAFClient is not defined

I am beginner in Front-end framework, If someone has idea of how it can be fix. Help me please.

Thanks!