emotion 문법 오류

문제

const Overlay = styled.div`
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  ${({ isHover }) =>
    isHover
      ? css`
          display: 'block';
          background-color: rgba(0, 0, 0, 0);
        `
      : css`
          display: none;
          background-color: rgba(0, 0, 0, 0.3);
        `}
  transition: background-color 0.5s ease;
`;

TypeError: Object(...) is not a function
    at http://localhost:6006/main.9cfbc92cbd68c0bb446c.hot-update.js:68:370
    at handleInterpolation (http://localhost:6006/vendors~main.iframe.bundle.js:3903:24)
    at serializeStyles (http://localhost:6006/vendors~main.iframe.bundle.js:4028:15)
    at http://localhost:6006/vendors~main.iframe.bundle.js:3628:106
    at http://localhost:6006/vendors~main.iframe.bundle.js:2417:12
    at renderWithHooks (http://localhost:6006/vendors~main.iframe.bundle.js:108090:18)
    at updateForwardRef (http://localhost:6006/vendors~main.iframe.bundle.js:110149:20)