fix(UnitInput): value to change in controlled (#5022)

Author: Matthias Prost

.changeset/warm-wombats-kiss.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": patch
+---
+
+Fix `<UnitInput />` value not updating when changing in controlled

packages/ui/src/components/UnitInput/index.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled'
 import { AlertCircleIcon, CheckCircleIcon } from '@ultraviolet/icons'
 import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react'
-import { useId, useMemo, useState } from 'react'
+import { useEffect, useId, useMemo, useState } from 'react'
 import { Label } from '../Label'
 import { SelectInputV2 } from '../SelectInputV2'
 import type { OptionType } from '../SelectInputV2/types'
@@ -275,6 +275,12 @@ export const UnitInput = ({
     return 'neutral'
   }, [error, success])
 
+  useEffect(() => {
+    if (value !== undefined) {
+      setVal(value)
+    }
+  }, [value])
+
   return (
     <Stack gap={0.5}>
       {label || labelInformation ? (