iseekTo

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

function RefComponent() {
  const inputRef = useRef(null);

  useEffect(() => {
    inputRef.current.focus();
  }, []);

  return (

iseekTo

## search transaction whether is completed
https://docs.ethers.org/v5/api/providers/provider/#Provider-getTransactionReceipt

iseekTo

https://github.com/enzoferey/ethers-error-parser

https://github.com/MetaMask/eth-rpc-errors

iseekTo

import { createContext } from "react";

// Using an enumeration instead of a regular string 
// can be very effective in letting us know who used it and what they did
export enum CounterActionEnum {
  INCREMENT = "INCREMENT",
  DECREMENT = "DECREMENT",
}

export type ActionType = {

iseekTo

// First
type OmitPartial<T, K extends keyof T> = Omit<T, K> & {
 [Key in K]?: T[Key]  
}
 
// Also
type OmitPartial<T, K extends keyof T> = Omit<T, K> & Partial<Record<K, T[K]>>

iseekTo

// Suppose there are no props for the Link component
import { Link } from 'react-router-dom'

// Use `React.ComponentProps` to get its props
type LinkProps = React.ComponentProps<typeof Link>

const ExtraLink: React.FC<LinkProps> = ({ to, ...props }) => (
 
  // To use
  <Link to={to || 'login'} {...props} />

iseekTo

import type { FC } from 'react';
import { useEffect } from 'react';

const Example: FC = () => {
  
  useEffect(() => {
    let timeoutId: ReturnType<typeof setTimeout> | null = null;
    
    return () => {
      if (timeoutId) {