ReactJS: Property is not assignable to type 'IntrinsicAttributes'

MrSingh
March 15, 2023
197 views
0 votes
2 Answers

I am new at React.js and typescript. I tried googling for this issue but could not find any solution for this.

Sidebar.tsx

...

import Header from "./Header";

const Sidebar = (props: any) => {
    return (
        <aside className="sidebar">
            <Header title={props.pageTitle} />

            ...
        </aside>
    );
};

export default Sidebar;

Header.tsx

const Header = (props: any) => {
    return (
        <header className="header">
            <img src={ props.image } alt="Logo image" />
        </header>
    );
};

export default Header;

How can I fix this issue..?

Answers

Chosen as BEST ANSWER

Here is fixed code.

...

import Header from "./PageHeader";

const Sidebar = (props: any) => {
    return (
        <aside className="sidebar">
            <PageHeader title={props.pageTitle} />

            ...
        </aside>
    );
};

export default Sidebar;

PageHeader.tsx

const PageHeader = (props: any) => {
    return (
        <header className="header">
            <h3 className="heading">{ props.title }</h3>

            ...
        </header>
    )
};

export default PageHeader;