React array state keeps resetting on update in functional component

Question

I\'ve created a React component with an array state state.colors that contains three hex values (initial state is [\'#aaaaaa\', \'#aaaaaa\', \'#aaaaaa\']<