React Props - Pass Object As Props To Component with JSON.parse and JSON.stringify

I am still trying to figure how to pass objects as props to component but for now, its only allowing me string, so this is how i did it. seems like extra work, but I'll figure out soon, this is my temporary solution:

let mystring = '{"fname":"John", "lname":"Doe"}'
let myObj = JSON.parse(mystring);
console.log(myObj.fname);
let myObjString = JSON.stringify(myObj);
console.log(myObjString);

Output:

> "edwin"
> '{"fname":"John","lname":"DOe"}'