Offhand, I’m not certain how many different components have an “outlined” variant. You won’t be able to address all of them in a single CSS rule, but they can each be dealt with separately in your theme. In this answer I will just address OutlinedInput and outlined Button. If you have questions about overriding styles … Read more
The MUI palette is extendable, but you need to do a couple of things to create a new color and apply to your Button component. First, let’s define a theme with a custom color variable. You can use augmentColor() to generate the PaletteColor so it can be consumed in your Button: import { purple } … Read more
Why is this happening? If you have two CSS classes applied to the same element with the same degree of specificity, then the winner will be the CSS class that is defined last within the document (based on the order of the <style> elements in the <head>, NOT the order of the class name strings … Read more
You will have to make sure two things useEffect is similar to componentDidMount and componentDidUpdate, so if you use setState here then you need to restrict the code execution at some point when used as componentDidUpdate as shown below: function Dashboard() { const [token, setToken] = useState(”); useEffect(() => { // You need to restrict … Read more
This is a bit old question and you’ve probably already got your answer, but for people like me who needed this, I’m leaving this answer. Using react-router made the job simple as such: import { browserHistory } from ‘react-router’; componentDidMount() { super.componentDidMount(); this.onScrollNearBottom(this.scrollToLoad); this.backListener = browserHistory.listen(location => { if (location.action === “POP”) { // Do … Read more
I had this issue when I used npm link to install my local library, which I’ve built using cra. I found the answer here. Which literally says: This problem can also come up when you use npm link or an equivalent. In that case, your bundler might “see” two Reacts — one in application folder … Read more