DocumentReference.set() called with invalid data when trying to input data to database

Question

when input data to firestore database it's give this error called

Uncaught Error: Function DocumentReference.set() called with invalid data. Unsupported field value: a custom HTMLTextAreaElement object (found in field description)

function errorsea(){
    var datafe=document.getElementById('bugsearch');
    firebase.firestore().collection("aboutproject").doc('10026275myprojectdescripton').set({description:datafe});

}

  <form id="unknownerror">
        <textarea id="bugsearch"></textarea>
        <input type="button" onclick="errorsea()" name="senddata" value="senddata"/>
    </form>

Doug Stevenson · Accepted Answer · 2020-05-06 05:05:08Z

1

You're trying to pass an instance of an HTML element object to Firestore. That's not valid. You can only place plain objects or basic JavaScript vales like string, number, boolean, and null.

If you meant to pass the value of the text in the textarea element, you should probably pull it out of the element like this before passing it to Firestore:

var datafe=document.getElementById('bugsearch').value;

answered May 6, 2020 at 5:05

Doug Stevenson

321k37 gold badges458 silver badges474 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Doug Stevenson Over a year ago

I would never expect this to work without .value.

Collectives™ on Stack Overflow

DocumentReference.set() called with invalid data when trying to input data to database

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related