How to create & use Mui Tabs Component as a custom radio field?

[CharlestonREM]

Problem / Question:

How do I create a custom component that employs Material UI Tabs behavior while using the Formik Field component and radio group behavior?
I'm running into issues in the sandbox. I want to use the fieldToRadioGroup function that is provided but it's unclear how. I am trying an approach based on this prior issue and solution.

Intended Behavior

• to use mui tabs component as a Formik radio field
• employ formik-material-ui's fieldToRadioGroup function to create custom radio component
• to set the field value of the Field as soon as the Tabs component ComponentDidMount
• thinking i should employ React hook useEffect for onload setting field value to active tab value
• when tab value changes, update the field value

Code Sandbox

Here is the code sandbox attempt based on formik material ui codesandbox:
https://codesandbox.io/s/keen-cloud-vhpvd?file=/src/index.tsx

Background Info

• Mui Tabs in action here
• Mui Tabs api here