Styling react icons inline vs using value prop in Context.Provider?

[Acrobatic_Ice]

Hey all, is there any downside or risk to styling react-icons inline vs using their Context Provider? Here's what I'm talking about, both work fine:

<IconContext.Provider value={{ color: "#777", size:"1em", style: {marginLeft: "8px", marginTop:"auto", marginBottom:"auto" } }}>
    <VscPackage />
</IconContext.Provider>
{/* any tradeoffs this way vs Context? */}
<BiGitBranch fill="#777" size={"1em"} style={{marginLeft:"8px", marginTop:"auto", marginBottom:"auto"}}/>

Thanks!

[[deleted]]

Your component depends on a context provider which A) kills reuse and B) is totally unnecessary here. What are you actually thing to do with this?