Link does not render href on the anchor tag

I’m facing an issue using <Link> in that view.

This is the full component:

const BlogList = ({ state }) => {
    const items = Object.keys(
        id =>[id]
    return items ? (
                .filter(({ type, id }) => {
                    const item = state.source[type][id]
                    return item.categories[0] === 2
                .map(({ type, id }) => {
                    const item = state.source[type][id]
                    return (
                        <Link key={id} path={}>
                                    __html: item.title.rendered
    ) : null

Does not render the href on the a tag:

Getting this error in console when clicking on the link:

link.js?9f38:7 Uncaught TypeError: Cannot read property 'startsWith' of undefined
    at onClick (link.js?9f38:7)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:336)
    at eval (scheduler.js?f1c4:10)
    at batchedUpdates$1 (react-dom.development.js?61bb:24353)
    at batch (scheduler.js?f1c4:10)
    at HTMLUnknownElement.batched (scheduler.js?f1c4:25)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:385)
    at invokeGuardedCallback (react-dom.development.js?61bb:440)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?61bb:454)
    at executeDispatch (react-dom.development.js?61bb:584)

What I’m doing wrong?

I think your issue is here:

I’d do a console log to see what this object is and verify that it has a ‘link’ attribute associated with it.

@josema.enzo if inherited the code from the Link component we have in the Mars theme it is expecting a link prop, not a path one. Let me know if that fixes the problem.

1 Like

That’s right. So stupid. Thank you again guys.

1 Like

No problem :slight_smile: