오류가 나요

import React from 'react';
import { Form, Input, Button, List, Card, Icon } from 'antd';

const profile = () =>
{
    return(
                <div>
                   <Form style={{ marginBottom: '20px', border: '1px solid #d9d9d9', padding: '20px' }}>
                       <Input addonBefore="닉네임" />
                       <Button type="primary">수정</Button>

                   </Form>
                   <List
                    style={{marginBottom: '20px'}}
                    grid={{gutter: 4, xs: 2,md: 3}}
                    size="small"
                    header={<div>팔로워 목록</div>}
                    loadMore={<Button style={{width: '100%'}}>더 보기</Button>}
                    bordered
                    dataSource={['제로초', '바보','노드버드오피셜']}
                    rednerItem={item=>(
                        <List.Item style={{marginTop: '20px'}}>
                            <Card actions={[<Icon type="stop" />]}>
                                <Card.Meta description={item} /> 
                            </Card>
                        </List.Item>
                    )}
                    />
    
                    
                </div>
     
    )
}

export default profile;

해결방법좀 알려주세요.