Email Login Component Typescript error

[jacobweiss2305]

I am getting this error on localhost:4200 : ERROR

src/app/user/email-login/email-login.component.html:23:36 - error TS2531: Object is possibly 'null'.

23 <mat-form-field [color]="email.valid && 'accent'"> ~~~~~

src/app/user/email-login/email-login.component.ts:11:16 11 templateUrl: './email-login.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component EmailLoginComponent.

Here is the html:

Vscode suggests this:

I think it has something to do with the Typescript:

Link to my user module: https://github.com/jacobweiss2305/kanban-app/tree/master/src/app/user