React component mounts multiple times and causes problems in useEffect

We are sending some data to Google Analytics in our React application. We are sending them in our custom hook. To prevent sending duplicate values, we introduced a "marker" string which will get the value of whatever is being sent. Every time the hook is called, it will create a new "marker", compare it to the old one and if they are the same, nothing should be sent to GA. Otherwise, it will be sent and the marker will be updated. At least that's how this should work. For some reason the hook fires four times (which is still fine). However, for some other reason the state is not being updated on time, and the equality operator is not able to figure out that the marker strings shouldn't be equal. As the consequence, the same data gets sent to the GA twice. I need to understand why this is happening.

Note: I edited the question and the code to reflect the findings which @Keith and @ramkumar2098 helped me figure out.

With strategically placed console.logs, I noticed that the effect gets called 4 times. In the first and second iteration, trackedMarker is empty and newMarker is set correctly, but it looks like setTrackedMarker(newMarker) doesn't produce any result on time (I know it's async, but still...). In the third and fourth iteration, both trackedMarker and newMarker have identical values (which is the correct state to expect after the data is sent to the GA). More details below in the code comments:

Hook:

export const useGA = (
  someKey: string,
  results: readonly Readonly<OurResultType>[],
): void => {
  const [trackedMarker, setTrackedMarker] = useState('');
  const gtm = useGoogleTagManager();

  useEffect(() => {
    console.log('Effect called!'); // called 4 times for 1 page load
    const newMarker = someKey + results.map((r) => r.id).join(',');

    console.log('Tracked marker: ' + trackedMarker); // Empty in the first and second log iteration
    console.log('New marker:     ' + newMarker); // Has correct value every time

    if (trackedMarker !== newMarker) {
      setTrackedMarker(newMarker);
      gtm.push(...);
      console.log('Pushed!');
    }
    console.log('New tracked marker: ', trackedMarker); // First two times empty, on the third and fourth time has correct value
  }, [someKey, results, trackedMarker, gtm]);
};

Component which is using the hook:

export const OurComponent: React.FC<OurComponentProps> = ({
  someKey,
}) => {
  ...
  useGA(someKey, results);
  ...
}

The component which is using OurComponent:

export const SomeUpperComponent: React.FC<SomeUpperComponentProps> = ({
  hasResults,
  someKey,
}) => {
  ...
  return hasResults ? <OurComponent someKey={someKey} /> : <NoResults />;
};

Those console.logs from the hook output the following:

1st time:

Effect called!
Tracked marker:
New marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10
New tracked marker:
Pushed!

2nd time:

Effect called!
Tracked marker:
New marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10
New tracked marker:
Pushed!

3rd time:

Effect called!
Tracked marker:
New marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10
New tracked marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10

4th time:

Effect called!
Tracked marker:
New marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10
New tracked marker: 9018a12a-6cd1-4020-91ca-a05a3a81f1744,2,5,3,1,8,7,6,9,10

So apparently the effect gets called multiple times and that's the core issue. On the second call, the markers are still different, and the push to GA is fired one more time. Initially I thought that JavaScript is acting weird and not able to figure out that two strings are equal but now it looks like that there is some issue with component mounting multiple times for unknown reason and the state not being updated on time...

Credits:

As ramkumar2098 pointed out in the answer, I had an issue with console.logs, because I was using "+" instead of "," and it affected the result of the comparison in the log itself.

As Keith pointed out in the comments, I should've made sure how many times the component is being mounted and that resulted in the updated question and more detailed description of the issue.

Use comma instead of + operator in you console logs.

console.log('Condition 1:', marker !== newMarker);
console.log('Condition 2:', marker != newMarker);

The + operator concatenates 'Condition 1: ' and marker and comparing that with newMarker.