custom-list.jsx

import React, {useState} from 'react';
import {List, StyledList} from 'baseui/dnd-list';

function App() {
  const [items, setItems] = useState([
    { label: 'Item 1', type: 'basic'},
    { label: 'Item 2', type: 'custom'}
  ]);
  return <List
    items={this.state.items}
    overrides={{
      Item: {
        component: ({$item}) => {   
          switch($item.type) {   
            case 'custom':  
              return <MyCustomItem>{$item.label}</MyCustomItem>;  
            default:  
              return <StyledItem>{$item.label}</StyledItem>;  
          },
        },
      },
    }}
    onChange={/* setItem(...) */}
  />
};