Typescript＆React / JSX：JSX元素属性类型“ T”必须是对象类型

Question

Using typescript 1.8.10 with VS 2015 and getting the following error while attempting to use react-router:

import * as React from "react";
import * as ReactDOM from "react-dom";
import { Router, browserHistory } from "react-router";
import routes from "./routes"; //get default

ReactDOM.render(
    <Router routes={routes} history={browserHistory} />,
    document.getElementById("app")
);

routes (from "./routes")

import App from "./components/App";

export default {
    component: "div",
    childRoutes: [{
        path: "/",
        component: App,
    }]
};

error image: JSX element attributes type 'T' must be an object type

Answer 1

You aren't importing your routes object correctly. Since you are using export default you must use default import syntax :

import routes from "./routes";

Answer 2

At this point, this error doesn't stop typescript from compiling your code down to JS so I'm just ignoring the error within the VS 2015 IDE. It's really just an annoying red squiggly when it comes down to it...