How make the component read or edit based on HOC function?

I want to make component read or edit based on the authorization. Example

const auth = "read" || "edit"

if auth is read users can only allow read the component. If auth is edit the user can allow to edit the component.

How to wrap all the component to global HOC function and based on the auth how to navigate.

Thanks,

Any leads will be appreciated :)