My TextField in my view doesn't work when touch on the preview or the simulator

Hello My TextField in my view doesn't work when touch on the preview or the

// MARK: - Body
    var body: some View {
            VStack {
                Spacer()
                VStack(alignment: .leading, spacing: 5) {
                    Text("Welcome!")
                        .fontWeight(.bold)
                        .font(.title)
                    Text("Enter your e-mail in order to log in or create an account")
                }
                
                VStack(alignment: .leading, spacing: 15) {
                    Spacer()
                    HStack(spacing: 15) {
                        Image("message")
                            .font(.system(size: 20))
                        TextField("Email", text: $email)
                            .font(.callout)
                            .frame(maxWidth: .infinity, alignment: .leading)
                            .lineSpacing(28)
                    }
                    .padding(.horizontal, 15)
                    .frame(maxWidth: .infinity, maxHeight: 55)
                    .background(Color.white)
                    .cornerRadius(5)
                    .overlay(RoundedRectangle(cornerRadius: 5).stroke(Color.black, lineWidth: 1))
                    .padding(.top, -10)
                    Spacer()
                }
                .frame(width: 343, height: 55)
                
                
                HStack {
                    Rectangle()
                        .fill(Color.black)
                        .frame(height: 3)
                    Text("or continue with")
                        .frame(width: 150, height: 100)
                    Rectangle()
                        .fill(Color.black)
                        .frame(height: 3)
                }

Thanks you for help