How to remove blinking buttons?

Question

React

I am making an application on React and when developing the navBar there was such a problem that the icons blink when changing from active to inactive
This is logical, because I have a boolean property, depending on which I change the path to the icon
<img src={IsAcitve ? activeIncon : icon} />
Tell me how to solve this problem?
SVG Icons

Answer 1

Use the icon not in the directory but in the sprite.
1) Create a sprite with all icons
2) When accessing the first icon, the entire sprite will go into the cache and blinking will disappear
PS: I can give an example from the Angular application, the logic will be the same

Answer 2

Another option is to force the download through new Image() in didMount. Then they will be cached immediately when the component is loaded.