message: refactor(controls): use memo
diff: -import React from 'react';
  +import React, { memo } from 'react';
  import cc from 'classcat';
  import { useStoreState, useStoreActions } from '../../store/hooks';
  @@ -17,7 +17,8 @@ interface ControlProps extends React.HTMLAttributes<HTMLDivElement> {
  showInteractive?: boolean;
  }
  -const Controls = ({ style, showZoom = true, showFitView = true, showInteractive = true, className }: ControlProps) => {
  +const Controls = memo(
  + ({ style, showZoom = true, showFitView = true, showInteractive = true, className }: ControlProps) => {
  const setInteractive = useStoreActions((actions) => actions.setInteractive);
  const fitView = useStoreActions((actions) => actions.fitView);
  const zoomIn = useStoreActions((actions) => actions.zoomIn);
  @@ -56,7 +57,8 @@ const Controls = ({ style, showZoom = true, showFitView = true, showInteractive
  )}
  </div>
  );
  -};
  + }
  +);
  Controls.displayName = 'Controls';
  