// how to create a clockwise rotate animation with SwitchTransition and CSSTransition approach


// jsx
	<div className="rotating-icon">
				<SwitchTransition>
					<CSSTransition
						key={state ? 'faChevronDown' : 'faChevronUp'}
						addEndListener={(node, done) => node.addEventListener('transitionend', done, false)}
						classNames="rotate"
						timeout={125}
					>
						<FontAwesomeIcon icon={state ? faChevronDown : faChevronUp} onClick={handleClick} />
					</CSSTransition>
				</SwitchTransition>
	</div>