Así que soy nuevo en next.js y quiero integrar un archivo src de javascript externo en mi aplicación next.js. Algo como esto

 <script type="text/javascript"> src="//static.powerreviews.com/t/v1/tracker.js"></script> <script type="text/javascript"> (function(){try{ var tracker = POWERREVIEWS.tracker.createTracker({ merchantGroupId: 'MERCHANT_GROUP_ID'}); var orderFeed = { merchantGroupId: 'MERCHANT_GROUP_ID', merchantId: 'MERCHANT_ID', locale: 'LOCALE', merchantUserId: 'INTERNAL CUSTOMER_ID', marketingOptIn: true, userEmail: 'CUSTOMER_EMAIL ADDRESS', userFirstName: 'CUSTOMER FIRST_NAME', userLastName: 'CUSTOMER LAST_NAME', orderId: 'ORDER_ID', orderItems: [{ page_id: 'PAGE_ID_1', product_name: 'PRODUCT_NAME_1', quantity: QUANTITY, unit_price: PRICE }, { page_id: 'PAGE_ID_2', page_id_variant: 'VARIANT_ID_2', product_name: 'PRODUCT NAME 2', quantity: QUANTITY, unit_price: PRICE }] } tracker.trackCheckout(orderFeed); }catch(e){window.console && window.console.log(e)}}()); </script>

Hasta ahora, he agregado la etiqueta Script en mi app.tsx como tal

 <> <Script src="//static.powerreviews.com/t/v1/tracker.js" strategy="afterInteractive" /> <div id="app-root"> ...... </div> </>

Entonces la pregunta es, ¿cómo puedo llamar a la función en un componente separado?