Slider component with FormField causes Incorrect use of <label for=FORM_ELEMENT>

[ben-xiao-io]

Using Slider component causes this error Incorrect use of <label for=FORM_ELEMENT>. If i replace it with <Input /> it goes away, but for my needs, a slider is required. Any ideas?

Related: Issue 1573
This is the closest issue I can find, but none of the suggestion actually works.

       <FormField
          control={form.control}
          name="armZ"
          render={({ field }) => (
            <FormItem>
              <FormLabel>Arm Z</FormLabel>
              <FormControl>
                <Slider
                  {...field}
                  min={-100}
                  max={100}
                  step={1}
                  value={[field.value]}
                  onValueChange={(value) => {
                    field.onChange(value[0]);
                  }}
                />
              </FormControl>
              <FormDescription>Move the arm side to side.</FormDescription>
              <FormMessage />
            </FormItem>
          )}
        />

[kelsiesmurphy]

Also facing this issue.