anpct

import React, { useState } from "react";
import useListener from "../../hooks/useListener";
import styled from "styled-components";

const DropdownContainer = styled.div`
  width: 100px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;

anpct

import { useEffect, useRef } from "react";

const useListener = (outsideFunction) => {
  const ref = useRef();

  useEffect(() => {
    const handleClick = (event) => {
      if (ref.current && ref.current.contains(event.target)) {
        return;
      }