how to delete a property from an object in Typescript without the operand of a 'delete' operator must be optional error?

Question

I have tried to read how to delete a property from an object in here: How do I remove a property from a JavaScript object?

it should use delete, I try it like this

const eventData = {...myEvent}; // myEvent is an instance of my `Event` class
delete eventData.coordinate; // I have error in here

but I have error like this

The operand of a 'delete' operator must be optional.ts(2790)

and then I read this : Typescript does not infer about delete operator and spread operator?

it seems to remove that error is by changing my tsconfig.json file using

{
  "compilerOptions": {
    ...
     "strictNullChecks": false, 
    }
    ...
}

but if I implement this, I will no longer have null checking

so how to delete a property from an object in Typescript without the operand of a 'delete' operator must be optional error?

Answer 1

Typescript warns you about breaking the contract (the object won't have the required property anymore). One of the possible ways would be omitting the property when you cloning the object:

const myEvent = {
    coordinate: 1,
    foo: 'foo',
    bar: true
};

const { coordinate, ...eventData } = myEvent;
// eventData is of type { foo: string; bar: boolean; }

Playground

---

Operands for delete must be optional. When using the delete operator in strictNullChecks, the operand must be any, unknown, never, or be optional (in that it contains undefined in the type). Otherwise, use of the delete operator is an error.

Docs

Answer 2

You can delete if the property is optional

interface OptionalCoordinate {
   coordinate?
}

const eventData: OptionalCoordinate = {...myEvent}; // myEvent is an instance of my `Event` class
// ok to delete
delete eventData.coordinate; 

Answer 3

What the error is telling you is that coordinate is not an optional property of that object (that is it can be undefined) and you are trying to delete it.

You could have deleted it if it was optional

coordinate?: FirebaseFirestore.Geopoint

It seems to have been introduced after version 4.0, you can read more about it here.

Answer 4

Another way to delete a property:

/* eslint-disable @typescript-eslint/no-explicit-any */
delete (eventData as any).coordinate;