React-window: cara mengontrol gulir di luar daftar

Hai, baru-baru ini saya menggunakan jendela reaksi di proyek saya, ini berfungsi sempurna jika acara gulir didengarkan oleh Daftar sendiri, tetapi jika saya membungkus Daftar dengan div/Tab, cara menyembunyikan bilah gulir daftar dan membuat div induk untuk mengambil kontrol bergulir? Bagian utama dari kode adalah seperti ini:

<div ref={outerRef} style={{overflow:'auto',height:'200px'}} onScroll={scrollCheck}>
        <Tab
            defaultActiveKey='tab1'
            onChange={(key)=>{ console.log("onChange====",key)}}
            >
                <Tab.TabPane tab="hot" tabKey="tab1" >
                    <FixedSizeList
                        className={'demo'}
                        height={200}
                        itemSize={40} 
                        itemData={itemData}
                        width={300}
                        outerRef={outerRef}
                    />
                </Tab.TabPane>
                <Tab.TabPane tab="newest" tabKey="tab2" >
                    <div style={{background: '#368AD9', color: '#fff', padding: '15px' }}>
                        2...
                    </div>
                </Tab.TabPane>
        </Tab>
    </div>

efek rendernya seperti ini, sekarang saya memiliki dua scrollbar