How can I set material-ui TextField to accept only Hexidecimal characters

Question

I want my TextField to accept only the values from 0-9 and letters A-F. Thanks.

Answer 1

        <TextField
          id="text-field-1"
          placeholder="Enter text"
          type="text"
          value={state.alphanum}
          onChange={(event) => {
            const regex = /^([a-z0-9]){minLength,maxLength}$/i;
            if (event.target.value === '' || regex.test(event.target.value)) {
              setState({ ...state, alphanum: event.target.value });
            }
          }}
          variant="outlined" />