Route Unknown

[kjarnet]

I've set up Opbeat on my react app, and data is being collected, but in the list of Routes there's only one: Unknown.

I use the following libraries:

• react@15.6.1
• opbeat-react@3.4.0
• react-router-dom@4.2.2

The setup is something like this:

main.jsx:

import initOpbeat from 'opbeat-react';
import MainContainer from './components/mainContainer';
import React from 'react';
import {render} from 'react-dom';
import {wrapRouter} from 'opbeat-react';
import {BrowserRouter as Router} from 'react-router-dom';
import {Route} from 'react-router-dom';

const OpbeatRouter = wrapRouter(Router);

initOpbeat({
  orgId: 'xyz',
  appId: 'abc'
});

render(
  (
    <div className="wrapper ptl">
      <OpbeatRouter basename="/sende/beta/">
        <Route component={MainContainer}/>
      </OpbeatRouter>
    </div>
  ),
  document.getElementById('app-root')
);

mainContainer.jsx:

import React from 'react';
import {Route} from 'react-router-dom';
import SomeComponent from './someComponent';
import AnotherComponent from './anotherComponent';

class MainContainer extends React.Component {

  render() {
    return (
      <div className="container">
        <Route path="/" exact render={(props) => (
          <SomeComponent {...props}/>
        )}/>
        <Route path="/another" exact render={(props) => (
          <AnotherComponent {...props} />
        )}/>
        <Footer/>
      </div>
    );
  }

}

[kjarnet]

Please let me know if there is anything else you need from me to help debug this.

[hmdhk]

Thank you @kjarnet ,
I will keep you posted about our progress.

[viperfx]

Hi,

I am seeing the following error too. I am using RouterContext with 2.x and I see the unknown route too.

import React, { Component, PropTypes } from 'react'
import { wrapRouter } from 'opbeat-react';
import { createMemoryHistory, Router, RouterContext } from 'react-router'

const OpbeatRouter = wrapRouter(RouterContext);

import { Provider } from 'react-redux'
Provider.displayName = 'Provider';

class AppContainer extends Component {


  shouldComponentUpdate () {
    return false
  }

  render () {
    const { routes, store, routerProps } = this.props
    const routercontext = <OpbeatRouter {...routerProps} />
    console.log(routercontext)
    return (
        <Provider store={store}>
          <div style={{ height: '100%' }}>
            {routercontext}
          </div>
        </Provider>
    )
  }
}

AppContainer.propTypes = {
  store  : PropTypes.object.isRequired
}

export default AppContainer

[hmdhk]

Thanks for reporting the issue @viperfx ,
I will have a look.