Fix useEffect error in new metric page

[Error] Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
    in FancySelect (created by SelectWithModal)
    in SelectWithModal (created by RadioOption)
    in div (created by RadioOption)
    in RadioOption (created by MetricInput)

[Error] Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
    in Select (created by FancySelect)
    in div (created by GenerateId)
    in div (created by GenerateId)
    in GenerateId (created by FormGroup)
    in FormGroup (created by FancySelect)
    in FancySelect (created by SelectWithModal)
    in SelectWithModal (created by RadioOption)
    in div (created by RadioOption)
    in RadioOption (created by MetricInput)