Function InternalUpload has 352 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (props, ref) => {
  const {
    fileList,
    defaultFileList,
    onRemove,

Function InternalUpload has a Cognitive Complexity of 51 (exceeds 5 allowed). Consider refactoring.

Open

const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (props, ref) => {
  const {
    fileList,
    defaultFileList,
    onRemove,

• Read up
  Read up

File Upload.tsx has 391 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from 'react';
import { flushSync } from 'react-dom';
import classNames from 'classnames';
import type { UploadProps as RcUploadProps } from 'rc-upload';
import RcUpload from 'rc-upload';

Function onBatchStart has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const onBatchStart: RcUploadProps['onBatchStart'] = (batchFileInfoList) => {
    // Skip file which marked as `LIST_IGNORE`, these file will not add to file list
    const filteredFileInfoList = batchFileInfoList.filter(
      (info) => !(info.file as any)[LIST_IGNORE],
    );

Function renderUploadList has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const renderUploadList = (button?: React.ReactNode, buttonVisible?: boolean) => {
    if (!showUploadList) {
      return button;
    }
    return (

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

Open

  const onInternalChange = (
    file: UploadFile,
    changedFileList: UploadFile[],
    event?: { percent: number },
  ) => {

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    {
      [`${prefixCls}-rtl`]: direction === 'rtl',
      [`${prefixCls}-picture-card-wrapper`]: listType === 'picture-card',
      [`${prefixCls}-picture-circle-wrapper`]: listType === 'picture-circle',
    },

• Read up
  Read up