리액트+스타일드컴포넌트 쌉고수 형들만

[Bulssan..(bulssangmandreamtree)]

// global-styles.ts

import { normalize } from 'styled-normalize';

import { createGlobalStyle } from 'styled-components';

const GlobalStyle = createGlobalStyle`

    ${normalize}

    html,

    body {

        overflow: hidden;

    }

    * {

        box-sizing: border-box;

    }

`;

export default GlobalStyle;

글로벌스타일 정의하고

// index.tsx

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

import reportWebVitals from './reportWebVitals';

import GlobalStyle from './assets/styles/global-styles';

import { theme } from './assets/styles/theme';

import { ThemeProvider } from 'styled-components';

ReactDOM.render(

  <React.StrictMode>

    <ThemeProvider theme={theme}>

      <GlobalStyle />

      <App />

    </ThemeProvider>

  </React.StrictMode>,

  document.getElementById('root')

);

reportWebVitals();

이렇게 ThemeProvider로 뿌렸는데 하위 컴포넌트에서 안먹힘 ㅠㅠ

내가 정의한 애들은 적용 되는데, { normalize } 이거만 안됨;;;

그대로 남아있는 리스트스타일 ㅂㄷㅂㄷ

[냥펀1호기(112.166)]

난 이렇게 안 써서 잘 모르겠는데 글로벌 스타일을 앱에 감싸는 건 아니겠지? - dc App

[BulssangmanDreamTree(bulssangmandreamtree)]

app이 index를 상속하니까... 그리고 app에다가 해봤는데 안됨 ㅋ