D3, оберните текст с помощью < tspan > не появляется

Мое решение было довольно иным, но некоторые люди могли столкнуться с этим. В инструментах Chrome Dev он продолжал говорить, что мои реквизиты были только для чтения, и когда я попытался передать их еще дальше, я бы получил ошибку. Теперь причина в том, что я не вызывал метод render(). Я вместо этого вызывал свой компонент следующим образом:

const Navigation = () =>{

    return (
        <div className="left-navigation">
            <ul>
                <Link to='/dashboard'><li>Home</li></Link>
                <Link to='/create-seedz'><li>Create Seedz</li></Link>
                <Link to='/create-promotion'><li>Create Promotion</li></Link>
                <Link to='/setting'><li>Setting</li></Link>
                <SignOutButton  />
            </ul>
        </div>
    );
}

Я добавил метод рендеринга, и он решил мою проблему о возможности передачи реквизита вниз:

class Navigation extends Component{
render(){
    return (
        <div className="left-navigation">
            <ul>
                <Link to='/dashboard'><li>Home</li></Link>
                <Link to='/create-seedz'><li>Create Seedz</li></Link>
                <Link to='/create-promotion'><li>Create Promotion</li></Link>
                <Link to='/setting'><li>Setting</li></Link>
                <SignOutButton user={this.props.user} signedOut={this.props.signedOut} authed={this.props.authed}/>
            </ul>
        </div>
    );
}
}

Надеюсь, это поможет кто-то.