Почему Themeprovider (материальный интерфейс) не работает для меня здесь? ⇐ CSS

[Anonymous]

Я использовал материальный пользовательский интерфейс довольно много, так что это сбивает с толку. Я просмотрел документы, я проверил свой код, я не вижу проблемы. Я хочу, чтобы мой тег H2 в вложенном компоненте использовал Arial. Тем не менее, это рендеринг с использованием времени. Я не уверен, почему. < /P>

Вот мой index.tsx: < /p>

import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App";
import { Provider } from "react-redux";
import configureStore from "./redux/stores/main";
import * as serviceWorker from "./serviceWorker";
import { createMuiTheme } from "@material-ui/core";
import myTheme from "./styling/mainTheme";
import { ThemeProvider } from "@material-ui/styles";

const theme = createMuiTheme({
typography: {
fontFamily: ["Arial"].join(",")
}
});

ReactDOM.render(




,
document.getElementById("root")
);

serviceWorker.unregister();
< /code>

Компонент моего приложения: < /p>

import React from "react";
import { useSelector } from "react-redux";
import HeaderContainer from "../containers/layout/header/HeaderContainer";
import { ThemeProvider, useTheme } from "@material-ui/styles";
import theme from "../styling/mainTheme";
import { createMuiTheme } from "@material-ui/core";

const App: React.FC = () => {
const theme = useTheme();
return (



);
};

export default App;
< /code>

Контейнер заголовка (будет содержать логику): < /p>

import * as React from 'react';
import Header from '../../../components/layout/header/Header';

export interface HeaderContainerProps {
}

export default class HeaderContainer extends React.Component {
public render() {
return
}
}
< /code>

и, наконец, заголовок: < /p>

import * as React from "react";
import { styled } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";

export default function Header() {
return (

Hello

)
}
< /code>

Я попытался разместить Themeprovider в разные компоненты, но мой H2 все еще рендеринг как раз. Было бы здорово, если бы кто -то мог бы заметить проблему. Спасибо


Подробнее здесь: https://stackoverflow.com/questions/584 ... or-me-here