Nuevo en React, obtuve este error:

Ha intentado convertir en cadena el objeto devuelto por la función css . No se supone que se use directamente (por ejemplo, como valor de la propiedad className ), sino que se entregue a la emoción para que pueda manejarlo (por ejemplo, como valor de la propiedad css ).

Aquí está mi código:

 import React from 'react'; import {Header} from "./Header" import {HomePage} from "./HomePage" import { FontFamily, FontSize, gray2 } from './Styles'; /** @jsxRuntime classic */ /** @jsx jsx */ import { css, jsx } from '@emotion/react'; function App() { return ( <div data-css={css` font-family: ${FontFamily}; font-size: ${FontSize}; color: ${gray2}; `}> <Header/> <HomePage/> </div> ); } export default App;

Archivo de estilos:

 export const gray1 = '#383737'; export const gray2 = '#5c5a5a'; export const gray3 = '#857c81'; export const gray4 = '#b9b9b9'; export const gray5 = '#e3e2e2'; export const gray6 = '#f7f8fa'; export const primary1 = '#681c41'; export const primary2 = '#824c67'; export const accent1 = '#dbb365'; export const accent2 = '#efd197'; export const FontFamily = "'Segoe UI', 'Helvetica Neue',sans-serif"; export const FontSize = '26px';