invariant voilation: the title prop of a button must be a string

[muhammadhaseebsohail]

Bug report

My code is :
import AddToCalendarHOC from 'react-add-to-calendar-hoc';
const AddToCalendarDropdown = AddToCalendarHOC(Button, Dropdown);
import moment from 'moment/min/moment-with-locales'

const startDatetime = moment().utc().add(2, 'days');
const endDatetime = startDatetime.clone().add(2, 'hours');
const duration = endDatetime.diff(startDatetime, 'hours');
const event = {
description: 'Description of event. Going to have a lot of fun doing things that we scheduled ahead of time.',
duration,
endDatetime: endDatetime.format('YYYYMMDDTHHmmssZ'),
location: 'NYC',
startDatetime: startDatetime.format('YYYYMMDDTHHmmssZ'),
title: 'Super Fun Event',
}

render() {
return (

<Text style={{color:'black'}}>Calender event start

<Text style={{color:'black'}}>calender event end

);
}

Can you please help me out , how can i figure out this?

[jasonleibowitz]

Do you have a repo you can link to where this error is happening? It’s kind of hard to figure out what’s going on from the text you posted.

[muhammadhaseebsohail]

this is what i am doing @jasonleibowitz :
import {
Button,
Dropdown,
} from "react-native";

import AddToCalendarHOC from 'react-add-to-calendar-hoc';
const AddToCalendarDropdown = AddToCalendarHOC(Button, Dropdown);
const startDatetime = moment().utc().add(2, 'days');
const endDatetime = startDatetime.clone().add(2, 'hours');
const duration = endDatetime.diff(startDatetime, 'hours');
const event = {
description: 'Description of event. Going to have a lot of fun doing things that we scheduled ahead of time.',
duration,
endDatetime: endDatetime.format('YYYYMMDDTHHmmssZ'),
location: 'NYC',
startDatetime: startDatetime.format('YYYYMMDDTHHmmssZ'),
title: 'Super Fun Event',
}

export default class App extends Component{

render() {
return (
<AddToCalendarDropdown
className={componentStyles}
linkProps={{
className: linkStyles,
}}
event={event}
/>

);

}
}

[jasonleibowitz]

Well there’s your issue - this library wasn’t built for React Native. Feel free to fork it, make any changes, and submit a PR if you want to add support for React Native.

P.S. Check out this link on how to enter code blocks in Github markdown. It makes reading your code significantly easier.

[muhammadhaseebsohail]

can you please recommend me a library for this?
i need to copy sessions to gmail/outlook?
i will be greatfull to you.

[jasonleibowitz]

Try googling react native add to calendar?

[muhammadhaseebsohail]

acknowledge