Skip to content

ERROR in [at-loader] ./src/components/FocusZone/FocusZone.tsx:132:9 #4348

Description

@AJIXuMuK

Bug Report

  • Package version(s): 5.69.0
  • Browser and OS versions: Windows 10
  • typescript version: 2.7.2

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? No

Requested priority: Low

Products/sites affected:

Describe the issue:

Forked the repo.
Trying to npm start for the first time.
Getting:

ERROR in [at-loader] ./src/components/FocusZone/FocusZone.tsx:132:9
    TS2322: Type '{ children: ReactNode; className: string; ref: RefObject<HTMLElement>; data-focuszone-id: string;...' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> | DetailedHTMLProps<ImgHTMLAttr...'.
  Type '{ children: ReactNode; className: string; ref: RefObject<HTMLElement>; data-focuszone-id: string;...' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> | DetailedHTMLProps<ImgHTMLAttr...'.
    Type '{ children: ReactNode; className: string; ref: RefObject<HTMLElement>; data-focuszone-id: string;...' is not assignable to type 'DetailedHTMLProps<EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>'.
      Type '{ children: ReactNode; className: string; ref: RefObject<HTMLElement>; data-focuszone-id: string;...' is not assignable to type 'ClassAttributes<HTMLEmbedElement>'.
        Types of property 'ref' are incompatible.
          Type 'RefObject<HTMLElement>' is not assignable to type 'string | ((instance: HTMLEmbedElement | null) => any) | undefined'.
            Type 'RefObject<HTMLElement>' is not assignable to type '(instance: HTMLEmbedElement | null) => any'.
              Types of parameters 'component' and 'instance' are incompatible.
                Type 'HTMLEmbedElement | null' is not assignable to type 'HTMLElement'.
                  Type 'null' is not assignable to type 'HTMLElement'.

Actual behavior:

npm start fails while building the project

Expected behavior:

npm start works without errors

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions