message: refactor(Tappable): Move code around
diff: @@ -119,10 +119,7 @@ function useActivity(hasActive: boolean, stopDelay: number) {
  return [activity, { delayStart, start, stop }] as const;
  }
  -const Tappable: React.FC<TappableProps> = (props) => {
  - const { onHoverChange } = React.useContext(TappableContext);
  - const insideTouchRoot = React.useContext(TouchRootContext);
  - const platform = usePlatform();
  +const Tappable: React.FC<TappableProps> = (props: TappableProps) => {
  const {
  children,
  Component = props.href ? 'a' : 'div',
  @@ -141,6 +138,10 @@ const Tappable: React.FC<TappableProps> = (props) => {
  ...restProps
  } = props;
  + const { onHoverChange } = React.useContext(TappableContext);
  + const insideTouchRoot = React.useContext(TouchRootContext);
  + const platform = usePlatform();
  +
  const [clicks, setClicks] = React.useState<Wave[]>([]);
  const [childHover, setChildHover] = React.useState(false);
  const [_hovered, setHovered] = React.useState(false);
  