AI Assistant window opens multiple times

[iTiagoCO]

Elastic Cloud AWS - N. Virginia (us-east-1) | Deployment ID 351265 | v8.15.5

Include HAR

When opening the AI ​​Assistant tab, it opens multiple times and darkens the background

[iTiagoCO]

my-deployment-351265.kb.us-east-1.aws.found.io.har.txt

[elasticmachine]

Pinging @elastic/obs-ai-assistant (Team:Obs AI Assistant)

[viduni94]

@iTiagoCO
I took a look at this issue and I haven't been able to reproduce it.

Could you confirm whether this issue still exists on your end, and if yes, could you let me know the steps to reproduce (a screen recording if possible)?

[viduni94]

Closing this since it can't be reproduced. I'll re-open the issue if it comes up again.

[viduni94]

Steps to reproduce:

1. Click on "Add Data"
2. Select Kubernetes --> OpenTelemetry: Full Observability
3. Click on "Explore Kubernetes Cluster Dashboard"
4. Open the AI Assistant --> Notice the darker overlay

[neptunian]

Hey @viduni94. I added some logs and noticed NavControl can be mounted several times, especially it seems when navigating using URL Locators. They then never become unmounted. So we get a subscription for each mount.

  useEffect(() => {
    console.log('NavControl: mounted');
    return () => {
      console.log('NavControl: unmounted'); // not unmounting?
    };
  }, []);

I'm not sure why an empty function is returned here but I think we need add this instead and it should solve the problem :

         return () => {
            ReactDOM.unmountComponentAtNode(element);
          };

Otherwise I don't think this part of our useEffect ever runs:

  return () => {
      conversationSubscription.unsubscribe();
    };

[viduni94]

Thanks for checking on this @neptunian
I noticed that the nav control re-renders many times as well.

I'll try what you suggested.