Zipkin warnings with create-react-app

I created a react app with create-react-app and when i import zipkin i get this error on start and build.

./node_modules/zipkin-transport-http/lib/HttpLogger.js
17:27-34 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

./node_modules/zipkin/lib/InetAddress.js
62:23-30 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

I put this code in App.js after all the imports. The trace is working an all the requests appear in zipkin server, but i need to clear this warnings so it passes on the pipeline.

const {
  Tracer,
  BatchRecorder,
  jsonEncoder: {JSON_V2}
} = require('zipkin');
const CLSContext = require('zipkin-context-cls');
const {HttpLogger} = require('zipkin-transport-http');

// Setup the tracer to use http and implicit trace context
const tracer = new Tracer({
  ctxImpl: new CLSContext('zipkin'),
  recorder: new BatchRecorder({
    logger: new HttpLogger({
      endpoint: 'http://localhost:9411/api/v2/spans',
      jsonEncoder: JSON_V2
    })
  }),
  localServiceName: 'service-a' // name of this application
});

// now use tracer to construct instrumentation! For example, fetch
const wrapFetch = require('zipkin-instrumentation-fetch');
//https://randomuser.me/api
const remoteServiceName = 'randomuser.me';
const zipkinFetch = wrapFetch(fetch, {tracer, remoteServiceName});

And my package is

    "zipkin": "^0.12.0",
    "zipkin-context-cls": "^0.11.0",
    "zipkin-instrumentation-fetch": "^0.12.0",
    "zipkin-transport-http": "^0.12.0"

[jcchavezs]

@DavideCarvalho would you be able to open a PR with a fix or with a test case?

[DavideCarvalho]

Maybe we should use some kind of bundler for the zipkin packages, so it can tree shake some of the deps. zipkin-transport-http is giving warnings because of peer deps.