UnAuthenticedApp.tsx:

import React, { useState } from ‘react’;
import Login from './login’
import Register from './register’
import { Card, Button } from 'antd’
import styled from ‘@emotion/styled’

export function UnAuthenticedApp() {
const [registered, setRegistered] = useState(false)
return (


{registered ? : }
<Button onClick={() => setRegistered(!registered)}>
切换到{registered ? ‘登录’ : ‘注册’}



)
}

const Container = styled.divdisplay: flex; flex-direction: column; align-items: center; min-height: 100vh;

看console.log报的错应该是@emotion/styled的问题