Почему не срабатывает props в styled component?

Question

[SeventimeSsS]

из checkElem возвращается true, но при этом в border-radius 0, в чем ошибка?

const StyledBackground: any = styled.div<{border: any}>`
    background-color: #1e1f21;
    border-radius: ${props => props.border ? '20px' : 0};
  `;

  let isFirstElem = false;

  const checkElem = () => {
    if (isFirstElem) {
      isFirstElem = false
      console.log(true)
      return true
    } else {
      return false
    }
  }

const Row = memo(({ data, style, index }: any) => {
    const elem = data[index].name.length;
    // console.log('check ', checkElem())
    // console.log('isFirstElem ', isFirstElem)
    
    if (elem == 1) {
      isFirstElem = true
     
      return (
        <StyledSelect.Hint style={style} ref={ref} fontWeight="500">
          {data[index].name}
        </StyledSelect.Hint>
      );
    } else {
      return (
        <div style={style}>
        <StyledBackground border={checkElem() ? true : false} >
          <StyledSelect.List key={`region-list${index}`}>
            <CardListItem text={data[index].name} key={`list-item${index}`} />
          </StyledSelect.List>
        </StyledBackground>
        </div>
      );
    }
  }, areEqual);