How Can I Inject MUI TextField and NumberFormat in Controller

[albertolotz]

Look bellow.
I would like to use Controller to format a number, then I'm trying to use Controller as {NumberFormat}, but I lost a style TextField.

Do you know how Can I do it?
The exemplo MUI home page doesn't work with react-hook-form.

Thank you
Ps: in my code TextField is commented ...

'''

          <Controller
            as={NumberFormat}
            thousandSeparator
            name="price"
            control={control}
          />

'''

[bluebill1049]

try to use render prop

[albertolotz]

now, de style work but de format not.... sorry my little experience, I'm learning...

'''<Controller
as={TextField}
className={classes.spacingNone}
size="small"
fullWidth
id="price"
variant="outlined"
margin="normal"
label="Valor Mão de Obra - Área"
name="price"
inputRef={register}
defaultValue=""
control={control}
render={props => <NumberFormat thousandSeparator {...props} />}
/>'''

[bluebill1049]

Try above render prop and here is the examples: https://codesandbox.io/s/react-hook-form-v6-controller-qsd8r

[albertolotz]

Tks My friend, for you help!!! you is fast and generous.
To help the comunity , I solved.
'''
<Controller
as={

}
control={control}
className={classes.spacingNone}
size="small"
fullWidth
id="price"
variant="outlined"
margin="normal"
label="Valor Mão de Obra - Área"
name="price"
defaultValue=""
/>
'''

[bluebill1049]

my pleasure :) make sure you read the 'render' prop section as well.