некоторые проблемы возникали, когда реакция (создание-реакция-приложения) просыпалась с помощью Mui и Styled Components - PullRequest
Новая
       44

некоторые проблемы возникали, когда реакция (создание-реакция-приложения) просыпалась с помощью Mui и Styled Components

0 голосов
/ 27 февраля 2020

Может ли кто-нибудь найти, в чем проблема с этим.

структура проекта:

достопримечательности

--- styled.tsx
- --Attractions.tsx

вот мой код

в styled.tsx 

import {  Button } from "@material-ui/core";
import styled from "styled-components";

export const StyledButton = styled(props => (
  <Button {...props} size="large" variant="outlined" />
))`
  border-radius: 50px;
  border: 2px solid #000;
`;

в Attractions.tsx 

import {StyledButton} from './styled';

 function Attractions() {

return (

 <StyledButton >Explore your new scene</StyledButton>

)

Ошибка:

Ошибка типа: Reaction_dom__WEBPACK_IMPORTED_MODULE_0___default. a.createElement не является функцией ./src/components/attractions/styled.tsx/StyledButton

49 | flex: 0 1 47%;
50 | `;
51 |

52 | export const StyledButton = styled(props => (
53 | <Button {...props} size="large" variant="outlined" />
54 | ))
55 | `border-radius: 50px;

TypeError: Reaction_dom__WEBPACK_IMPORTED_MODULE_0 ___ default.a.createElement не является функцией

Однако, если эти два фрагмента были вставлены вместе в одном файле больше нет ошибок !!

...