esnet / esnet/react-timeseries-charts

Uncaught TypeError: _d3Selection.select(...).append(...).attr(...).style(...).styles is not a function

Open
#460 4 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
876
Forks
279
PR merge metrics
No merged PRs in 30d

Description

# 🐛Bug report

**Describe the bug**

`` raise this error. This works good except for a fluxible app i inherit. Maybe you can suggest a workaround ? :)

```
Uncaught TypeError: _d3Selection.select(...).append(...).attr(...).style(...).styles is not a function
renderTimeAxis TimeAxis.js:200
wrappedMethod react-hot-loader.development.js:540
componentDidMount TimeAxis.js:110
wrappedMethod react-hot-loader.development.js:530
React 6
unstable_runWithPriority scheduler.development.js:653
React 5
unstable_runWithPriority scheduler.development.js:653
React 6
onStoreChange connectToStores.js:53
wrappedMethod react-hot-loader.development.js:540
emit index.js:129
emitChange BaseStore.js:73
updateInstances PatternStore.js:35
callHandler Action.js:67
handlersEach Action.js:45
execute Action.js:44
dispatch DispatcherContext.js:111
loadPatternInstances loadPatternInstances.js:13
run setImmediate.js:49
runIfPresent setImmediate.js:69
onGlobalMessage setImmediate.js:109
TimeAxis.js:200
renderTimeAxis TimeAxis.js:200
wrappedMethod react-hot-loader.development.js:540
componentDidMount TimeAxis.js:110
wrappedMethod react-hot-loader.development.js:530
React 6
commitRootImpl self-hosted:954
unstable_runWithPriority scheduler.development.js:653
React 4
performSyncWorkOnRoot self-hosted:897
flushSyncCallbackQueueImpl React
unstable_runWithPriority scheduler.development.js:653
React 6
onStoreChange connectToStores.js:53
wrappedMethod react-hot-loader.development.js:540
onStoreChange self-hosted:850
emit index.js:129
emitChange BaseStore.js:73
updateInstances PatternStore.js:35
updateInstances self-hosted:850
callHandler Action.js:67
handlersEach Action.js:45
forEach self-hosted:225
execute Action.js:44
dispatch DispatcherContext.js:111
dispatch self-hosted:850
loadPatternInstances loadPatternInstances.js:13
run setImmediate.js:49
runIfPresent setImmediate.js:69
onGlobalMessage setImmediate.js:109
```

```
The above error occurred in the component:
in TimeAxis (created by ChartContainer)
in g (created by ChartContainer)
in svg (created by ChartContainer)
in ChartContainer (created by TimeIntervalFilter)
in div (created by TimeIntervalFilter)
in div (created by TimeIntervalFilter)
in TimeIntervalFilter (created by PatternInstancesNetwork)
in div (created by PatternInstancesNetwork)
in PatternInstancesNetwork (created by PatternInstancesNetworkView)
in PatternInstancesNetworkView (created by storeConnector(PatternInstancesNetworkView))
in storeConnector(PatternInstancesNetworkView) (created by HistoryHandler)
in HistoryHandler (created by RouteHandler)
in RouteHandler (created by storeConnector(RouteHandler))
in storeConnector(RouteHandler) (created by Application)
in div (created by Application)
in Application (created by storeConnector(Application))
in storeConnector(Application) (created by HistoryHandler)
in HistoryHandler (created by RouteHandler)
in RouteHandler (created by storeConnector(RouteHandler))
in storeConnector(RouteHandler) (created by contextProvider(storeConnector(RouteHandler)))
in contextProvider(storeConnector(RouteHandler))

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries. react-dom.development.js:19527
React 11
unstable_runWithPriority scheduler.development.js:653
React 5
unstable_runWithPriority scheduler.development.js:653
React 6
onStoreChange connectToStores.js:53
wrappedMethod react-hot-loader.development.js:540
emit index.js:129
emitChange BaseStore.js:73
updateInstances PatternStore.js:35
callHandler Action.js:67
handlersEach Action.js:45
execute Action.js:44
dispatch DispatcherContext.js:111
loadPatternInstances loadPatternInstances.js:13
run setImmediate.js:49
runIfPresent setImmediate.js:69
onGlobalMessage setImmediate.js:109
```

**To Reproduce**
Cannot suggest a way to reproduce as this works everywhere escept for a fluxible app i inherit

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.