Canot read properties of undefind (reading 'replace')

[jirawatfreedom]

error - components\events\event-item.js (17:36) @ EventItem
TypeError: Cannot read properties of undefined (reading 'replace')
15 | year: 'numeric',
16 | });

17 | const formattedAddress = location.replace(', ', '\n');
| ^
18 | const exploreLink = /events/${id};
19 |
20 | return (

[fjerbi]

That Error message means that he couldn't access the location prop.
Are you passing location as a prop?
you should have this :
const { title, image, date, location, id } = props;
In the beginning of your component.
and do not forget to pass props in your component.

[lukeryandev]

Same issue here, props passed in.

[lukeryandev]

I also added an optional chain, this is what displays when the formatting is skipped:
EDIT: Same result when String(location) is applied.

const formattedAddress = location?.replace(", ", "\n");

[jasdeepdhillon13]

In some cases, this issue can be caused by not changing the firebase url in the api-utils.js file, which is set to point to the firebase by max. You should either replace the firebase url in the response variable to your own firebase url.

[Abdullah-encrypts]

In some cases, this issue can be caused by not changing the firebase url in the api-utils.js file, which is set to point to the firebase by max. You should either replace the firebase url in the response variable to your own firebase url.

Yup when i was in that module i had the same issue and it was being caused by the firebase url