Comment passer un objet comme accessoire à un composant fonctionnel enfant dans React.js?

J'ai ce code avec un fichier de configuration testType:

import React, { Component } from 'react';
import Select from "./components/Select/Select";

class App extends Component {
  state = {
    testType : [
      {value : "test1", name : "Test1"},
      {value : "test2", name : "Test2"},
    ]
  }
    render() {
        return (
            <>
              <Select {...this.state.testType}/>
              <Select {...this.state.testType}/>
            </>
            );
    }
}
export default App;

Que j'utilise pour passer en tant qu'accessoires à un composant Select, voici le code pour cela Select.js:

import React from "react";
const selectoption = (props) => (
<select className="custom-select">
    <option value={props.value}>{props.name}</option>
</select>
);

export default selectoption;

Mais cela ne fonctionne pas, je ne vois pas le propstest1 et le test2 dans l'élément select.