AbePlays

const ImgWithFallback = ({
  src: string,
  fallback: string,
  type = 'image/webp',
  ...props
}) => {
  return (
    <picture>
      <source srcSet={src} type={type} />
      <img src={fallback} {...props} />

AbePlays

import { useEffect, useRef, useState } from 'react';

interface UseIntervalProps {
  fn: () => void;
  interval: number;
}

interface UseIntervalReturn {
  active: boolean;
  start: () => void;

AbePlays

import { useState, type TouchEvent } from 'react'

interface SwipeInput {
  onSwipedLeft: () => void
  onSwipedRight: () => void
}

interface SwipeOutput {
  onTouchStart: (e: TouchEvent) => void
  onTouchMove: (e: TouchEvent) => void