React hooks useState Array

Question

I tried looking for resetting useState array values in here but could not find any references to array values.

Trying to change the drop down value from ini

Answer 1

The accepted answer shows the correct way to setState but it does not lead to a well functioning select box.

import React, { useState } from "react"; 
import ReactDOM from "react-dom";

const initialValue = { id: 0,value: " --- Select a State ---" };

const options = [
    { id: 1, value: "Alabama" },
    { id: 2, value: "Georgia" },
    { id: 3, value: "Tennessee" }
];

const StateSelector = () => {   
   const [ selected, setSelected ] = useState(initialValue);  

     return (
       

          Select a State:
          
            {selected === initialValue && 
                {initialValue.value}}
            {options.map((localState, index) => (
               
                   {localState.value}
               
             ))}
          
        
      ); 
};

const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);