[ISSUE]

[Error Issue]

Material UI의 IconButton / Icon을 Fluent UI로 변경하는 작업을 진행하는 도중 build error가 발생하는 Issue.

Fluent UI란 ?

마이크로소프트의 새로운 플루언트 디자인 시스템
다양한 디바이스간의 직관적, 포괄적으로 반응할 수 있는 경험 및 인터랙션을 제공하는 것이 Fluent UI 시스템의 핵심

[Error]

// IconButton import시

import { IconButton } from '@fluentui/react/lib/Button';

// Icon import 시
import { Icon } from '@fluentui/react/lib/Icon';

이렇게 import 시키고 yarn build를 통해 build 작업시

'office-ui-fabric-react/lib/Button';
'office-ui-fabric-react/lib/Icon';
export * from ~/

SyntaxError: Unexpected token 'export'

// 내용의 build error가 발생했다.

build error를 해결하기 위해 수정한 import 방식을

import { IconButton, Icon  } from '@fluentui/react/';

이렇게 경로를 수정하니 build error가 수정되었다.
수정하는데 도움을 준 github은 [ Github Link ] 이다.

: 솔직하게 아직 정확한 error의 이유를 잘 모르겠지만, 아직 모듈간의 충돌이 있는듯하다.