Multiple instances of Alan is opening while running about alan-sdk-web

[annmirosh]

Hi, @Roshan-Thomas,

as I can see from your repo, you have already fixed the issue.
Anyway, for people who might have the same issue in the future, here is a code that shows how the Alan Button should be added to the React functional component:

  useEffect(() => {
    alanBtn({
      key: 'alan-project-key',
      onCommand: ({ command, articles, number }) => {
       // Call the client code that will react to the received command
      }
    });
  }, []);

You need to pass an empty array as a second argument to the useEffect hook.
This tells React that your effect doesn’t depend on any values from props or state, so it never needs to re-run. In this case, useEffect hook behaves closer to the componentDidMount method, as a result, only one instance of the Alan Button is created.

[Roshan-Thomas]

Thanks