Dynamic Hide/Show columns by parent component

[iMinosGFX]

Hello,
I am setting up a system to dynamically hide columns on react-table.
Basically, I have a main component "ServerSideTable" that handles a lot of things in server side, like filters, sorting, pagination, etc... And inside, there is my Table component and my Settings component for the display management of the columns.

                            <div className="btnActionsContainer">
                                {props.showAddBtn && <button className="btn bg-primary light" onClick={props.onAddClick}>+ Ajouter</button>}
                                <div className="icons">
                                    <SettingsInteractor columns={props.columns} onHiddenColumnsChange={(e: string[]) => setHiddenColumns(e)}/>
                                </div>
                            </div>
                            {props.data &&
                                <>
                                    <Table 
                                        data={props.data} 
                                        columns={props.columns} 
                                        renderRowSubComponent={props.isRenderSubComponent ? props.renderSubComponent : ""}
                                        filters={props.filtersList}
                                        hiddenColumns={hiddenColumns}/>
                                </>
                            }

I thought I could use initialState {hiddenColumns} to dynamically mask, so SettingsInteractors currently returns an array of strings (ex: ["name", "price"] , but I can return something else.

My question is : Is it possible to use the parent state to change the columns displayed in Table ?

Thank you !