Function useNavigateToEthAddress has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

export const useNavigateToEthAddress = () => {
  const navigate = useNavigate()
  const navigateToEthAddress = (
    address: EthAddress,
    event: React.MouseEvent,

• Read up
  Read up

Function Experiments has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Experiments: React.FC<ExperimentsProps> = (props) => {
  const { name, children, localStorageProp = true } = props
  const userEvents = useUserEvents()
  const localStorageKey = buildLocalStorageKey(localStorageProp)
  const childList = makeChildrenArray(children)

Function usePromise has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export const usePromise = <TResult>(
  promise: () => Promise<TResult | undefined>,
  dependencies: DependencyList,
  debug: string | undefined = undefined,
): [TResult | undefined, Error | undefined, State | undefined] => {

• Read up
  Read up

Function NumberStatus has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

const NumberStatus: React.FC<NumberStatusProps> = ({
  error,
  format = '0[.]0a',
  color = 'primary',
  title,

• Read up
  Read up

Function useRenderSpinCheck has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useRenderSpinCheck = (bounce: RenderSpinCheckBounce, config?: RenderSpinCheckConfig) => {
  const startTime = useMemo(() => Date.now(), [])
  const [error, setError] = useState<Error>()

  useEffect(() => {

Function useEthWallet has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useEthWallet = (connector: EthWalletConnectorBase): EthWallet => {
  const [currentAccount, additionalAccounts] = useCurrentAccount(connector)

  const chainId = useChainId(connector)

Function ButtonExBase has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

const ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {
  const theme = useTheme()
  const { busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles<ButtonExProps>(theme, props)

  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {

• Read up
  Read up

Function useBusyTiming has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export const useBusyTiming = (busy?: boolean, busyMinimum = 0) => {
  const [internalBusy, setInternalBusy] = useState(false)
  const [busyStart, setBusyStart] = useState(0)

  const timer = useMemo(

• Read up
  Read up

Function BasePage has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

const BasePage: React.FC<BasePageProps> = ({
  disableGutters,
  children,
  beta,
  container,

• Read up
  Read up

Function calcSpacing has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export const calcSpacing = (theme: Theme, values: BoxProps['margin'][]) => {
  for (const value of values) {
    if (value !== undefined) {
      if (typeof value === 'string') {
        return value

• Read up
  Read up

Function TokenAmount has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export const TokenAmount: React.FC<TokenAmountProps> = ({
  textFontFamily = '"Source Code Pro",monospace',
  textColor,
  statusColor,
  style,

• Read up
  Read up

Function getSelectedVariant has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  getSelectedVariant: (name: string) => {
    const outcomes = ExperimentsHelper.loadOutcomes()
    const experiment = ExperimentsHelper.getExperiment(name)
    let total = 0
    if (experiment && outcomes) {

• Read up
  Read up

Avoid too many return statements within this function.

Open

    return 'xl'

Avoid too many return statements within this function.

Open

      return defaultValue

Avoid too many return statements within this function.

Open

    return <OperaEthersLoader>{children}</OperaEthersLoader>

Avoid too many return statements within this function.

Open

  return <InfuraEthersLoader>{children}</InfuraEthersLoader>

Function CoverProgress has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export const CoverProgress: React.FC<CoverProgressProps> = (props) => {
  const { paper = true, open, opacity = 0.25, errors, onRetry } = props
  const theme = useTheme()
  if (open) {
    return (

• Read up
  Read up

Function BusyBox has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

  (
    {
      background,
      children,
      component,

• Read up
  Read up

Function AppBarExInner has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

const AppBarExInner: React.FC<AppBarExProps> = ({ children, menu, contextToolbar, systemToolbar, responsive, ...props }) => {
  const { breakpoints } = useTheme()
  const belowSm = useMediaQuery(breakpoints.down('sm'))
  return (
    <>

• Read up
  Read up