SebastianHGonzalez

import React, {
  Children,
  useCallback,
  useRef,
  useEffect,
  useState,
} from 'react';
import {
  node, elementType, number, bool, string, func,
} from 'prop-types';

SebastianHGonzalez

import { useState, useEffect } from "react";
import { useRouter } from "next/router";

type IParam = string;
type IValue = string | string[] | number | number[] | null | undefined;
type IState = { [k: string]: IValue };
type IQuery = IState;
type IRoute = string;

function isEmpty(value: IValue): boolean {

SebastianHGonzalez

import styled from 'styled-components';
import {
  string, bool, oneOf, number,
} from 'prop-types';

function filterObject (f, obj) {
  return Object.fromEntries(Object.entries(obj).filter(f));
}

function not (f) {

SebastianHGonzalez

/**
 * Given an async function it will be executed until:
 * - maxAttempts has been reached
 * - it resolves
 * - continueRef turned false
 *
 * Based off Trey Huffine's article: https://levelup.gitconnected.com/polling-in-javascript-ab2d6378705a
 * Adapted to work on react components
 *
 * @param {Function} fn async function to execute.