Age Calculator

Hi Andrew, you did a great job! I found points in your code that you can improve.

1. I recommend using the useEffect hook instead of using a conditional operator in your FormInput component. For example instead of this:

  if (clear) {
    inputRef.current.value = null;
  }

Use this:

useEffect(() => {
        if (clear) {
            inputRef.current.value = null;
        }
    }, [clear, inputRef])

1. The date validations do not work as they should. I recommend performing the validations with the Date object.
2. You can improve the readability of your code by creating a custom hook for each context of your application and then using it. For example:

import { useContext } from 'react'
import { UserContext } from '../App'

export const useUserContext = () => {
    const state = useContext(UserContext);

    return {
        ...state
    }
}