Path given is refreshing the whole page

[vivekiyer114]

<Breadcrumb 
                    path={
                            [
                                {
                                    path: '/messages',
                                    label: 'Messages '
                                },
                                {
                                    path: `/pending/${this.props.params.id}`,
                                    label: ` ${data.title}`
                                }
                            ]
                        }
                    separatorChar={' > '}    
                    
                /> 

if i click on messages , it refeshes the whole page,how do i avoid.
This module is anti-react.

[amadormf]

You can use a prop onClick and you use e.preventDefault.

[vivekiyer114]

prop inside array of path objects?
Can you help me out me with a snippet?

[vivekiyer114]

@amadormf i tried passing an onClick prop with path and label and also used e.preventDefault() .
But it didn't work.

Please help me out.
Thanks!