According to react eslint rules it is not recommended to use props spreading for readability and maintenance reasons, Read more about the rule here
So what you can do is either leaving it as it is or group similar props into one object and pass it for example:
const entity = { getEntity, entityKeyAccess, setEntityKeyAccess };
const display = { display, setDisplay };
const child = { childKeyAccess, setChildKeyAccess };
// And so on you get the idea I guess.
<PanelEntity panelData={panelData} entity={entity} display={display} child={child} />;
This way now anyone using this component will be able to understand your props easily (of course don't forget to document your props) and you decluttered the component without using props spreading.
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…