How to add nested arrays into firestore database using react?

Question

I have an object in my react code as below.

const [inputs, setInputs] = useState({
        groupName: '',
        groupDescription: '',
        priv: []
    });

After setInputs to above state, I execute the below function.

    const addDataToFb = () => {
        console.log(inputs)
            firebase.firestore().collection('userGroups').add(inputs)
                .then(() => {
                    alert('Group successfully created')
                    resetButtonHandler();
                })
                .catch((err) => {
                    alert(err)
                })
    }

The console has logged below details. Refer this image.

I got an answer. This error happens becouse of the undefined values in my object. So i put empty string to priv.privDesc. Now its working well. — Lahiru Gayantha
– Lahiru Gayantha, Commented Jul 13, 2020 at 9:23

danwillm · Accepted Answer · 2020-07-13 09:24:58Z

1

You can't submit undefined values to Firestore, as displayed in your image, as Firestore throws an error when you submit them.

You can turn this behaviour off by adding the following property when initialising Firestore:

{ignoreUndefinedProperties: true}

answered Jul 13, 2020 at 9:24

danwillm

4794 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

How to add nested arrays into firestore database using react?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related