reactjs - エラー - PrimeReact オートコンプリートの提案が表示されない

Question

https://primefaces.org/primereact/showcase/#/autocomplete

コンポーネントがロードされるとすぐに、提案ドロップダウンをロードしようとしていますcomponentDidMount. はのデータでsuggestionsList更新されていますが、候補ドロップダウンは表示されません。objcomponentDidMount

簡単に言えば、入力がフォーカスされ、入力テキストがない場合は常に、提案ドロップダウンが表示されます。

abcCmp.jsx

class abcCmp extends React.Component {
      state;
      constructor() {
            super();
            this.state = {
                suggestionsList: []
            };
      }
    
    componentDidMount() {
      let obj = [{'color':'red',name: 'Danny', id: '1'}];
      this.setState({suggestionsList: [...obj]})
    }
    
    render(){
           return (
                <div className="containerBox">
                   <AutoComplete suggestions={this.state.suggestionsList}
                                minLength={1} placeholder="Add People" field="name"  multiple={true}  
                     autoFocus={true} />
                </div>
           )
    }