React-csv не работает внутри реакции- bootstrap выпадающий

Question

У меня есть бизнес-потребность, как показано ниже

здесь я использовал DropdownButton из реагировать bootstrap, чтобы создать меню выше

<span className="widget-controls" mr-eye-widget-type='Menu'>
                    <DropdownButton
                        alignRight
                        drop='down'
                        title="" className="download-CSV-button fa fa-ellipsis-v ">
                        <Dropdown.Item>Testttt</Dropdown.Item>
                        <Dropdown.Item>
                            <CSVLink { ... switchRef } data={this.state.downloadData} asyncOnClick={true} headers={this.state.dowloadHeader} filename={this.state.downloaFileName}>
                                <span className="csv-download" mr-eye-widget-type='DownloadButton' >
                                    <div className="fa fa-download listColor" >
                                        <span className="download-text">{widgetLabelConfig.englishConfig.Resource_Download_as_CSV}
                                        </span></div>
                                </span>
                            </CSVLink>
                        </Dropdown.Item>
                    </DropdownButton>
                </span>

, а также здесь, в коде, один из пунктов меню: Testttt , который отображает, где в качестве второго пункта меню есть CSVLink , который Это npm модуль реагировать-CSV для загрузки, он не будет отображаться в DOM, когда я положил его вне выпадающего меню, он работает нормально, пожалуйста, дайте мне знать, почему он не работает, когда он находится внутри DropdownButton