Warning: useConnect() is being used in a non connected component, therefore the component won't update on state changes. Please wrap your component with connect().

Visit https://community.frontity.org for help! 🙂

import { forwardRef } from "react";
import { connect, useConnect } from "frontity";
import NewLink from "./newLink";

const MarsLink = forwardRef(({ children, linkComponent, ...props }, ref) => {
  const { state, actions } = useConnect();
  /**
   * A handler that closes the mobile menu when a link is clicked.
   */
  const onClick = () => {
    if (state.theme.isMobileMenuOpen) {
      actions.theme.closeMobileMenu();
    }
  };

  return (
    <NewLink linkComponent={linkComponent} {...props} ref={ref} onClick={onClick}>
      {children}
    </NewLink>
  );
});

export default connect(MarsLink, { injectProps: false });