Typescript raising an error on a correctly typed parameter

Question

I am using NextJs and typescript and I when I pass a correctly typed prop the error i get is:

./pages/jobs.tsx:100:15
Type error: Type '{ job: jobType; key: number; handleTagClick: (tag: string) => void; }' is not assignable to type 'IntrinsicAttributes & jobType'.
  Property 'job' does not exist on type 'IntrinsicAttributes & jobType'.

   98 |           filteredJobs.map((job) => (
   99 |             <JobComponent
> 100 |               job={job}
      |               ^
  101 |               key={job.id}
  102 |               handleTagClick={handleTagClick}
  103 |             />
error Command failed with exit code 1.

The code is here: https://github.com/samrath2007/Internova

Nick · Accepted Answer · 2021-08-27 14:12:44Z

1

JobComponent is typed as if it receives multiple arguments, but you likely meant for this to be one props object.

Currently:

const JobComponent = (job: jobType, handleTagClick: Function) => {}

What it should be:

type Props = { job: jobType, handleTagClick: Function };

const JobComponent = ({job, handleTagClick}: Props) => {}

answered Aug 27, 2021 at 14:12

Nick

16.7k3 gold badges21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript raising an error on a correctly typed parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related