Warning: "Unknown props `active`, `activeKey`, `activeHref" about react-router-active-component

[dest81]

With react-router 2.8.1 works fine, but it would be good if react-router-active-component works with react 3.0.0 too :)

[JProgrammer]

@mayerwin Have you upgraded to react router 3.0? I don't think react-router-active-component supports this new major version yet

[mayerwin]

According to my package.json file, I am using 3.0 (I just did jspm install react-router), but as per the link I indicated previously, it seems to be related to Bootstrap passing props to its children (they say it is the responsibility of child components to forget about them).
I was able to make it work by wrapping the element returned by activeComponent with another one which sole purpose is to filter out the props ["active", "activeKey", "activeHref"].

let NavItem2 = activeComponent('li');

function objectWithout(obj, keys) {
    let target = {};
    Object.keys(obj).forEach(k => {
        if (keys.indexOf(k) == -1) {
            target[k] = obj[k];
        }
    });
    return target;
}

const NavItem = (props) => {
    return React.createElement(NavItem2, objectWithout(props, ["active", "activeKey", "activeHref"]));
};

[JProgrammer]

Could you try downgrading to react-router 2.8.1 and see if this is still the issue?

[mayerwin]

I can try, but isn't it possible for react-router-active-component to enforce a dependency version (were it to work, it would be quite a brittle solution)?