next-cookie | Cookie serializer and deserializer library for next.js | Frontend Framework library

I have a Next.js project, where I want to use Google Analytics Ecommerce, but I am getting Missing Ecommerce Data, View is configured for Ecommerce, but no data is flowing. warning message and I don't how to fix this.

E-commerce is enabled in GA

I used this blog post to add GA into Next.js

./lib/gtag.js

I want to access emailLogin from my context from another component:

userContext.js

I've been developing a project with a simple authorization using cookies and apollo-client. The challenge is, sometimes when I try to useQUery(isAuthenticatedQuery) they retrieve correct data and sometimes not. This query is used to check if my users is loggedIn, I sent in my request Header the token returned after my LoginMutation. I've already checked my request in the network tab and when I got error is when the header is sending "bearer undefined" instead of "bearer ${token}".

It's my first app using apollo so probably it's a dummy question, I was thinking there was some issue with the asynchronous request, but all the requests in useQuery are already async, right?

login.tsx

I am running a next.js project and everything is OK when I try building in production mode on my local system.

Even when I use docker on my system whose OS is ubuntu 18.04.2 building and running the project is successfully done. But when code is run on the server whose OS is CentOS 7.6.1810, some files in .next folder is missed which leads to error in running the project :(

This is my setup in package.json: