Warning: BreadcrumbItem is required as the wrapper of children element

[jaysson]

Environment(required)

• antd version: 2.6.3
• OS and its version: MacOS Sierra
• Browser and its version: Google Chrome

What did you do? Please provide steps to re-produce your problem.

Copy pasted following code into a react component:

import { Menu, Icon, Breadcrumb, Layout } from 'antd';
<Content style={{ padding: '0 50px' }}>
          <Breadcrumb>
            <Breadcrumb.Item>Home</Breadcrumb.Item>
            <Breadcrumb.Item><a href="">Application Center</a></Breadcrumb.Item>
            <Breadcrumb.Item><a href="">Application List</a></Breadcrumb.Item>
            <Breadcrumb.Item>An Application</Breadcrumb.Item>
          </Breadcrumb>
          <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>{ children }</div>
        </Content>

What do you expected?

It would work fine as it is taken from official website

What happened?

It renders properly, but I see the following error in console

Warning: BreadcrumbItem is required as the wrapper of children element

[yesmeck]

Are you using react-hot-loader 3?

[afc163]

Maybe we should use a static property xxx.__name? @yesmeck

[yesmeck]

How about this?

class BreadcrumbItem extends React.Component {
  ...
}

BreadcrumbItem.__antBreadcrumbItem = true;

// use 
if (elment.type.__antBreadcrumbItem) {
    ...
}

[yesmeck]

@jaysson FYI gaearon/react-hot-loader#304

[jaysson]

Yes, I am using react-hot-loader 3.

[yesmeck]

Traced in #4655.

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.