solar.css | Pure CSS Solar System Animation | Animation library

your dateRangeInput takes inputId as argument. you can assign different IDs e.g. date_user, date_finance etc. instead of just 'date'. Then you reference each sepcific date_id when filtering in that tab. Alternatively, you can build one module that you call multiple times using ns function:

Your setInterval function is calling the event handler that you're passing for the "value" event.

This happens because the Database#on method returns the callback that you pass to on (to make de-registration of the event later during your cleanup phase).

So, when setInterval calls your callback, it won't be able to pass in a snap parameter seeing the callback is invoked by it (rather that the database instance) - that explains why snap is undefined.

Also - I'm not sure what purpose setInterval serves here. It seems you just want the component to update (re-render) when a value change is detected in your database. In that case, the call to setState() as you have is sufficient for this.

Consider revising your code as follows: