React - Hooks can only be called with function component

Question

import Link from 'next/link';
import { css, jsx } from '@emotion/react';

function FunctionComponent() {
  const [isActive, setIsActive] = useState(false);
 
  const handleClick = event => {
    // toggle isActive state on click
    setIsActive(current => !current);
  };
return ( 
      // your code is here
);
}
export default FunctionComponent;