مقدار value در select box

سلام استاد وقتتون بخیر

من میخوام وقتی گزینه مثلا متاهل وارد کرد یک سری فرم مربوط ب وارد کردن مشخصات همسرش هم نمایش بده

اما نتونستم اینکارو کنم توی گوگل هم سرچ کردم چیزی پیدا نکردم ممنون میشم کمکم کنید

  const [single, setsingle] = useState(false);
  const [married, setmarried] = useState(false);
  
  
     <select class="form-select" aria-label="Default select example">
                    <option   value={single}
                        name="single"
                        onChange={(e) => {
                            setsingle(e.target.value);
                        }}
                    >
                        محرد
                    </option>
                    <option value={married} name="married"
                        onChange={(e) => {
                            setmarried(e.target.value)}}
                    >
                        متاهل
                    </option>
                </select>

                {married === "married" ? <Wife /> : null}