Wrong query selector for data-tip

[neciu]

While using data-tip and data-for parameters with my components I'm getting error as follows:

index.js:128 Uncaught (in promise) DOMException: Failed to execute 'querySelectorAll' on 'Document': '[data-tip][data-for=42b62b618c514ec7b4ac16212dcbdddd]' is not a valid selector.(…)

My rendered component with data-tip:

<span data-tip="Your outbox limits might be reached." data-for="42b62b618c514ec7b4ac16212dcbdddd">1000000</span>

My ReactTooltip component:

<ReactTooltip type="light" effect="solid" id="42b62b618c514ec7b4ac16212dcbdddd"/>