[REQUEST FOR FEEDBACK]: How to subscribe to realtime data using Firebase Collections and React Hooks

example.js

// Usage - client:
useEffect(() => {
  subscribe('users', setUsers)
  subscribe('messages', setMessages)
}


// Subscribe implementation
export function subscribe(collection, onDataReceive) {
  db.collection(collection)
    .onSnapshot((docs) => {
      const data = []
      docs.forEach(doc => {
        data.push(Object.assign({
          id: doc.id,
        }, doc.data()))
      })

      onDataReceive(data)
    })
}

The code above works, my question is: Is there a good pattern to do the same?