Responsive React Layout with Collapsible Sidebars

So as per above I have one app layout file which contains Left sidebar ,header and children. from children decide route and according to the route needt o open right sidebar and if right sidcebar open then width of header and children will change so how to creat that can you please share UI and also right sidebar should be collapsable .