Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.

Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.

 

html tag 중 react style 과 맞지 않아 생기는 오류 이다.

<div 
  className="progress-bar bg-danger"
  role="progressbar"
  style="width: 20%"
  aria-valuenow="20"
  aria-valuemin="0"
  aria-valuemax="100"
  ></div>

위와 같은 코드를 아래와 같이 react 에서 권장하는 방법으로 변경하여 해결

<div 
  className="progress-bar bg-danger"
  role="progressbar"
  style={{width: "20%"}}
  aria-valuenow="20"
  aria-valuemin="0"
  aria-valuemax="100"
  ></div>