Предупреждение: каждый дочерний элемент в списке должен иметь уникальный ключевой реквизит. «Рендер-логин»

У меня есть эта проблема, и я не могу понять, что мне не хватает? По ошибке он говорит мне проверить рендеринг входа. Это рендер входа:

<Box>
      {login ? (
        <Profile email = {email} loggedOut = {callBack} />
      ) : signUp ? (
        <SignUp cb = {signUpSuccess} />
      ) : (
        [
          <Box>
            <Title>Employee entry</Title>
            <Pbox>
              <Labal>Email</Labal>
              <InputCap
                type = "email"
                name = "email"
                placeholder = "Your email address here..."
                value = {email}
                onChange = {(e) => setEmail(e.target.value)}
              />
            </Pbox>
            <Pbox>
              <Labal>Password</Labal>
              <InputCap
                type = "password"
                name = "password"
                placeholder = "Your password here...."
                value = {password}
                onChange = {(e) => setPassword(e.target.value)}
              />
            </Pbox>
            <Btn onClick = {loginUser}>Login</Btn>
            <br />
            {signUp ? <SignUp /> : <Btn onClick = {signUpUser}>SignUp</Btn>}
          </Box>
        ]
      )}
    </Box>

я работаю с реактивным хуком и стилизованным компонентом! Спасибо!