استایل دادن به کامپوننت آماده

سلام. من از react-checkbox-tree h استفاده کردم و یه لیست خیلی طولانی ای رو داره نمایش میده. ولی میخوام این لست روی محور y ها اسکرول بگیره چون خیلی طولانیه. چطور میتونم این کار رو بکنم؟ خودم یه تگ div گذاشتم و استایل ها رو دادم ولی مثل اینکه اینجوری نمیشه..

  <div styl={{maxHeight:550, overflowY:'scroll'}}>
                        <CheckboxTree 
                            nodes={pageLayoutNodes}
                            checked={this.state.checkedPageLayout}
                            expanded={this.state.expandedPageLayout}

                            onCheck={(checked) => {
                                this.setState({ checkedPageLayout: checked, isLoading: true,currentPage:1 }, () => this.handleCheck())

                            }

                            }

                            onExpand= {expanded => 
                                (this.state.expandedDepartment.length>0) || (this.state.expandedStore.length>0 )|| (this.state.expandedShelfLocation.length>0)
                                ? this.setState({ expandedPageLayout: expanded, expandedDepartment:[],expandedStore:[],expandedShelfLocation:[] }) : this.setState({ expandedPageLayout: expanded})}
                            showNodeIcon={false}
                            showNodeIcon={false}

                        />
                        </div>