Ufdjrw

How to have a sharp product image?

Overlay of two functions leaves gaps

A ​Note ​on ​N!

Why does Mind Blank stop the Feeblemind spell?

Can SQL Server create collisions in system generated constraint names?

Can someone publish a story that happened to you?

As an international instructor, should I openly talk about my accent?

How can I print the prosodic symbols in LaTeX?

Why does nature favour the Laplacian?

Is it idiomatic to construct against `this`

How to denote matrix elements succinctly?

Can I grease a crank spindle/bracket without disassembling the crank set?

How to display Aura JS Errors Lightning Out

What is the philosophical significance of speech acts/implicature?

Is there any official lore on the Far Realm?

Minor Revision with suggestion of an alternative proof by reviewer

How would 10 generations of living underground change the human body?

Do I have an "anti-research" personality?

can anyone help me with this awful query plan?

Was there a shared-world project before "Thieves World"?

Betweenness centrality formula

Implications of cigar-shaped bodies having rings?

How to not starve gigantic beasts

Is Diceware more secure than a long passphrase?

Property … does not exist on type 'IntrinsicAttributes & …'

property does not exists on type ''Angular 2 beta.17: Property 'map' does not exist on type 'Observable<Response>'Can't bind to 'ngModel' since it isn't a known property of 'input'TypeScript TS2339 error in React component: Property 'xyz' does not exist on type 'IntrinsicAttributes…'property of type forEach does not exist on type voidAdd onclick listener reactjsProperty 'pictures' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributesTypescript redux connected component type errorTypescript+React+Redux+reactrouter:“property does not exist on type IntrinsicAttributes & IntrinsicClassAttributes” passing props from parent to childUnable to set ref due to error “TS2339: Property 'X' does not exist on type 'Y' ” inside a react component

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

-1

I changed my .js file to a typescript file .tsx. I have the following function defined within the file:

function MyCard(param1: ObjectDto, toggleFunction: any) 

I am using this function in another .tsx file like this

<MyCard param1=param1Value toggleFunction=myToggleFunction />

But I am getting the following error:

Type ' param1: ObjectDto; toggleFunction: (index: any) => void; ' is
not assignable to type 'IntrinsicAttributes & ObjectDto'. Property
'param1' does not exist on type 'IntrinsicAttributes & ObjectDto'.

This worked fine before changing to the Typescript format.
How can I fix this for Typescript?

reactjs typescript

share|improve this question

asked Mar 9 at 9:11

doormandoorman

3,06373777

add a comment | 

-1

I changed my .js file to a typescript file .tsx. I have the following function defined within the file:

function MyCard(param1: ObjectDto, toggleFunction: any) 

I am using this function in another .tsx file like this

<MyCard param1=param1Value toggleFunction=myToggleFunction />

But I am getting the following error:

Type ' param1: ObjectDto; toggleFunction: (index: any) => void; ' is
not assignable to type 'IntrinsicAttributes & ObjectDto'. Property
'param1' does not exist on type 'IntrinsicAttributes & ObjectDto'.

This worked fine before changing to the Typescript format.
How can I fix this for Typescript?

reactjs typescript

share|improve this question

asked Mar 9 at 9:11

doormandoorman

3,06373777

add a comment | 

I changed my .js file to a typescript file .tsx. I have the following function defined within the file:

function MyCard(param1: ObjectDto, toggleFunction: any) 

I am using this function in another .tsx file like this

<MyCard param1=param1Value toggleFunction=myToggleFunction />

But I am getting the following error:

Type ' param1: ObjectDto; toggleFunction: (index: any) => void; ' is
not assignable to type 'IntrinsicAttributes & ObjectDto'. Property
'param1' does not exist on type 'IntrinsicAttributes & ObjectDto'.

This worked fine before changing to the Typescript format.
How can I fix this for Typescript?

reactjs typescript

share|improve this question

asked Mar 9 at 9:11

doormandoorman

3,06373777

function MyCard(param1: ObjectDto, toggleFunction: any) 

<MyCard param1=param1Value toggleFunction=myToggleFunction />

share|improve this question

asked Mar 9 at 9:11

doormandoorman

3,06373777

share|improve this question

asked Mar 9 at 9:11

doormandoorman

3,06373777

asked Mar 9 at 9:11

doormandoorman

3,06373777

asked Mar 9 at 9:11

doormandoorman

3,06373777

2 Answers
2

active

oldest

votes

1

Components have only one parameter which is the props object, therefore your function should look something like this:

function MyCard(props: param1: ObjectDto, toggleFunction: any ) 

The type system is trying to match the properties with the first parameter of your function, which is of type ObjectDto. That's why you get error

is not assignable to type 'IntrinsicAttributes & ObjectDto'

share|improve this answer

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Sulthan thanks for your reply This works but I am getting a proxy object instead of the input value. The proxy object for param1 contains [[Handler]]:Object [[IsRevoked]]:false [[Target]]:Object how can I access these properties to get the input value?
  
  – doorman
  Mar 9 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Something like param1.target.value?
  
  – Sulthan
  Mar 9 at 9:59
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  well I can't access target like this. What I didn't mention is that param1 comes from an observable mobx list.
  
  – doorman
  Mar 9 at 10:01
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @doorman I feel that's a really different question.
  
  – Sulthan
  Mar 9 at 10:03
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, it seems I didn't realize this was the problem. This could be the solution mobx.js.org/refguide/tojson.html
  
  – doorman
  Mar 9 at 10:04
  

  
  
  
  

add a comment | 

1

Did you make an interface for your component "MyCard"?

Like this: interface MyCodeParams
param1: ObjectDto
toggleFunction: (param: any) => void


Also, i think toggleFunction: (param?: any) => void is the right type because your function may have parameters so you should type your function like this.

share|improve this answer

answered Mar 9 at 9:23

SIn SimSIn Sim

737

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55075740%2fproperty-does-not-exist-on-type-intrinsicattributes%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Components have only one parameter which is the props object, therefore your function should look something like this:

function MyCard(props: param1: ObjectDto, toggleFunction: any ) 

The type system is trying to match the properties with the first parameter of your function, which is of type ObjectDto. That's why you get error

is not assignable to type 'IntrinsicAttributes & ObjectDto'

share|improve this answer

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Sulthan thanks for your reply This works but I am getting a proxy object instead of the input value. The proxy object for param1 contains [[Handler]]:Object [[IsRevoked]]:false [[Target]]:Object how can I access these properties to get the input value?
  
  – doorman
  Mar 9 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Something like param1.target.value?
  
  – Sulthan
  Mar 9 at 9:59
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  well I can't access target like this. What I didn't mention is that param1 comes from an observable mobx list.
  
  – doorman
  Mar 9 at 10:01
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @doorman I feel that's a really different question.
  
  – Sulthan
  Mar 9 at 10:03
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, it seems I didn't realize this was the problem. This could be the solution mobx.js.org/refguide/tojson.html
  
  – doorman
  Mar 9 at 10:04
  

  
  
  
  

add a comment | 

1

Components have only one parameter which is the props object, therefore your function should look something like this:

function MyCard(props: param1: ObjectDto, toggleFunction: any ) 

The type system is trying to match the properties with the first parameter of your function, which is of type ObjectDto. That's why you get error

is not assignable to type 'IntrinsicAttributes & ObjectDto'

share|improve this answer

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Sulthan thanks for your reply This works but I am getting a proxy object instead of the input value. The proxy object for param1 contains [[Handler]]:Object [[IsRevoked]]:false [[Target]]:Object how can I access these properties to get the input value?
  
  – doorman
  Mar 9 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Something like param1.target.value?
  
  – Sulthan
  Mar 9 at 9:59
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  well I can't access target like this. What I didn't mention is that param1 comes from an observable mobx list.
  
  – doorman
  Mar 9 at 10:01
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @doorman I feel that's a really different question.
  
  – Sulthan
  Mar 9 at 10:03
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, it seems I didn't realize this was the problem. This could be the solution mobx.js.org/refguide/tojson.html
  
  – doorman
  Mar 9 at 10:04
  

  
  
  
  

add a comment | 

Components have only one parameter which is the props object, therefore your function should look something like this:

function MyCard(props: param1: ObjectDto, toggleFunction: any ) 

The type system is trying to match the properties with the first parameter of your function, which is of type ObjectDto. That's why you get error

is not assignable to type 'IntrinsicAttributes & ObjectDto'

share|improve this answer

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

function MyCard(props: param1: ObjectDto, toggleFunction: any ) 

share|improve this answer

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

answered Mar 9 at 9:33

SulthanSulthan

100k16164207

1

Did you make an interface for your component "MyCard"?

Like this: interface MyCodeParams
param1: ObjectDto
toggleFunction: (param: any) => void


Also, i think toggleFunction: (param?: any) => void is the right type because your function may have parameters so you should type your function like this.

share|improve this answer

answered Mar 9 at 9:23

SIn SimSIn Sim

737

add a comment | 

1

Did you make an interface for your component "MyCard"?

Like this: interface MyCodeParams
param1: ObjectDto
toggleFunction: (param: any) => void


Also, i think toggleFunction: (param?: any) => void is the right type because your function may have parameters so you should type your function like this.

share|improve this answer

answered Mar 9 at 9:23

SIn SimSIn Sim

737

add a comment | 

Did you make an interface for your component "MyCard"?

Like this: interface MyCodeParams
param1: ObjectDto
toggleFunction: (param: any) => void


Also, i think toggleFunction: (param?: any) => void is the right type because your function may have parameters so you should type your function like this.

share|improve this answer

answered Mar 9 at 9:23

SIn SimSIn Sim

737

share|improve this answer

answered Mar 9 at 9:23

SIn SimSIn Sim

737

answered Mar 9 at 9:23

SIn SimSIn Sim

737

answered Mar 9 at 9:23

SIn SimSIn Sim

737