I came up with a mind-boggling situation, which did not (at least yet) cause any problems, but I couldn't find anything by googling.
A theoretical (and unrealistic but illustrative) example of two React Components:
// parent.js
import Child from "./path-to-child";
export function Parent(props) {
return(
<Child content="some content" />
);
}
// child.js
import withContext from "./path-to-context";
function Child(props) {
return(
<p>
{props.content}
</p>
);
}
export default withContext(Child);
So the Parent is passing content as a prop to Child. If the context provided by withContext HOC also happened to have a property with name content, what would happen? Is there an order of precedence or is content just the latest value which happens to overwrite the older one or perhaps something else?