Unable to set ID on Select component in v7

[matt-greenfield-15]

Steps to reproduce

• Got to https://codesandbox.io/s/mantine-select-input-id-issue-dyggmf
• Observe that the ID in the HTML, is not the same as the ID prop being set in the JSX
• Downgrade packages to Mantine V6 and observe that the ID matches

Why it matters

I'd imagine for most uses cases this is not an issue. But I'm using my own InputWrapper component and as per these instructions I set an ID on both the label and the input.
The issue means my label for and input id do not match.

Possible fix

It could be that we just need to first check the prop here before creating the new id. Something like const _id = id || useId();

mantine/src/mantine-core/src/components/Select/Select.tsx

Line 127 in d41e95a

const _id = useId();

[mateuscqueiros]

After some digging, I found out that the useId() hook (coming from @mantine/hooks) can receive a parameter with a static id that may or may not be undefined. If no parameter is set or the id is undefined, it returns a mantine-generated id and that was causing this issue in the Select (no static id was being passed to the hook). Also, there were some other components using the function useId coming from React which does not accept any parameters. I'm submitting a PR with these fixes in a second :)

[rtivital]

The issue is resolved in 7.0.1

[matt-greenfield-15]

Thank you both!

[bayerlse]

It seems that in 7.13.2 its not working. When setting a custom on ID on TextArea Component, it uses a mantine id instead:

mantine-rt4zdbr0s-target