How to get select option custom data attribute value?

[alphanumericIsNotAvailable]

I just want to console.log the data-code from the selected option in the dropdown. Currently, I have set the select option value to 'option2', so I am expecting to see '456' in the console.

This is my code

import React,{useEffect} from 'react';
import { useForm } from 'react-hook-form';

const MyForm = () => {
  const { register, setValue } = useForm();

  useEffect(() => {
    console.log(/*data-code here*/)
  }, []);

  return (
    <form>
      <select {...register('mySelectInput')} onChange={handleSelectChange} value="option2">
        <option value="option1" data-code="123">Option 1</option>
        <option value="option2" data-code="456">Option 2</option>
        <option value="option3" data-code="789">Option 3</option>
      </select>
    </form>
  );
};

export default MyForm;

Thanks!