реквизиты в styled-компонентах отрисовываются дважды от родителей

Question

У меня был оригинальный код, который я отлаживал, но не могу найти, почему, поэтому я создаю новое приложение реагирования, и оно тоже воспроизводит ту же проблему.Итак, я получаю «привет» дважды в консоли, есть ли причина, почему это происходит.

import React from 'react';
import styled from 'styled-components';

const StyledTest = styled.div`${(props) => props.TestVar ? console.log("hi") : console.log("bye")}`
class App extends React.Component {
  render() {
    return (
     <StyledTest TestVar={true} />
    );
  }
}

export default App;