Eu tenho um problema relativamente simples de tentar adicionar scripts embutidos a um componente React. O que tenho até agora:

'use strict';

import '../../styles/pages/people.scss';

import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';

import { prefix } from '../../core/util';

export default class extends Component {
    render() {
        return (
            <DocumentTitle title="People">
                <article className={[prefix('people'), prefix('people', 'index')].join(' ')}>
                    <h1 className="tk-brandon-grotesque">People</h1>

                    <script src="https://use.typekit.net/foobar.js"></script>
                    <script dangerouslySetInnerHTML={{__html: 'try{Typekit.load({ async: true });}catch(e){}'}}></script>
                </article>
            </DocumentTitle>
        );
    }
};

Eu também tentei:

<script src="https://use.typekit.net/foobar.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

Nenhuma das abordagens parece executar o script desejado. Acho que é uma coisa simples que estou perdendo. Alguém pode ajudar?

PS: Ignore o foobar, tenho uma identificação real em uso que não me apetece compartilhar.