How to update a state when a prop changes, without double rendering

Question

I have a data visualization component that has "width" as one of the props. A state keeps track of the zoom level in the chart, and it is updated when handling mou