Select is non-labellable

I'm still working on preparing a codesandbox for this; I don't yet know how to get it to load the React Testing Library, nor how to actually save a fork, and it looks like I might need to register an account there to actually save anything for any length of time.

Anyway, when I have a <label for="whatever"> pointed at a <Select id="whatever">, and I use React Testing Library's getByLabelText to find it, I get a message like:

TestingLibraryElementError: Found a label with the text of: /xg file:/i, however the element associated with this label (<div />) is non-labellable [https://html.spec.whatwg.org/multipage/forms.html#category-label]. If you really need to label a <div />, you can use aria-label or aria-labelledby instead.

Does React-Select really not let me label the control with a forward ID reference, and I need to use a reverse ID reference instead? Or is labeling the input via setting an inputId going to be sufficient to both let the user operate the select control and let the test code find the whole select control by label?

Start by reproducing the reported Select, label for, inputId, and React Testing Library getByLabelText combination; the issue does not name a source file or test. Done means determining whether the control is correctly associated for users and tests, then documenting or implementing the supported labeling behavior.