It is often required to change colours, borders and other elements in the descendant components if compared to the base version of the component used. It's a rather simple task with object spread syntax with CSSModuleClasses type:
Initial value for state is only used for the first render of the component, all subsequent renders ignore the initial state value and take the current value from state to render the component. Thus, to re-initialize the state again from the changing props, for example, from the parent component, one should use effect like in the following example: