Parameter should be a read only type: what am I doing wrong?

[mward-sudo]

type props = {
  readonly author: PostAuthorFragment
  readonly date: string
  readonly authorImgProps: CloudinaryImageProps | null
}

export const AuthorDetails = ({ author, date, authorImgProps }: props) => {
  return (
    ...
  )
}

I'm getting the Parameter should be a read only type error and I cannot figure what I am doing incorrectly.

Can anyone help?

[RebeccaStevens]

Is it this rule repotting the error: @typescript-eslint/prefer-readonly-parameter-types?

This rule checks typed deeply for readonlyness. So if PostAuthorFragment or CloudinaryImageProps isn't deeply readonly the an issue will be reported`.

[mward-sudo]

Yes, it is that rule.

I've changed graphql code generator to generate immutable types, but I'm still getting the error.

This is the full code for the types involved:

type PostAuthorFragment = {
  readonly __typename?: 'graphcms_Author'
  readonly name: string
  readonly twitterHandle?: string | null
  readonly picture?: {
    readonly __typename?: 'graphcms_Asset'
    readonly handle: string
    readonly height?: number | null
    readonly width?: number | null
  } | null
}

type CloudinaryImageProps = {
  readonly src: string
  readonly srcSet: string
  readonly sizes: string
  readonly alt: string
  readonly width: number
  readonly height: number
  readonly style: {
    readonly backgroundImage: string
    readonly backgroundSize: string
    readonly aspectRatio: string
  }
}

type props = {
  readonly author: PostAuthorFragment
  readonly date: string
  readonly authorImgProps: CloudinaryImageProps | null
}

export const AuthorDetails = ({ author, date, authorImgProps }: props) => {
  return (
    ...
  )
}

But I still get the error at ({ author, date, authorImgProps }: props)

[mward-sudo]

I reloaded vscode and the error now seems to have gone away - maybe there was some caching involved?