قوائم الدردشة تتضاعف عند كل تغيير صفحة في nextjs

لدي مكون بوت (Watson) يحتوي على هذا البرنامج النصي

<Script>
                {`
    
                  
              window.watsonAssistantChatOptions = {
                showLauncher: false,
                openChatByDefault: true,
                element: document.querySelector('.chatElement'),
                onLoad: function(instance) {
                    instance.updateHomeScreenConfig({
                        is_on: true,
                        greeting: '',
                        starters: {
                          is_on: true,
                          buttons: [
                            {
                              label: 'Turn home screen off',
                            },
                            {
                              label: 'Add conversation starters',
                            },
                            {
                              label: 'Add custom content',
                            },
                          ],
                        },
                      });

                    // Subscribe to the "pre:send" event.
                    instance.on({ type: "pre:send", handler: preSendhandler });
                  
                    instance.render();
                  }
              };

                setTimeout(function(){
                const t=document.createElement('script');
                t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" +
                    (window.watsonAssistantChatOptions.clientVersion || 'latest') +
                    "/WatsonAssistantChatEntry.js"
                document.head.appendChild(t);
                `}
</Script>

البرنامج موضوع في _documeny.js

المشكلة هي في كل مرة أقوم فيها بتغيير الصفحة  يتم إنشاء شاشة دردشة اخرى