Type ‘{}’ is not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes

by

I solved a lot of “not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes” type of errors (Microsoft closed issue) just by declaring an object that is passed entirely to the component.

With the OP’s example, instead of using term={this.props.term}, use {...searchBarProps} to get it working:

render() {
  const searchBarProps = { // make sure all required component's inputs/Props keys&types match
    term: this.props.term
  }
  return (
    <div className="App">
      ...
      <div>
          <form>
          <SearchBar {...searchBarProps} />
          </form>
      </div>
    </div>
  );
}

More Related Contents:

  1. How do I cast a JSON Object to a TypeScript class?
  2. How do I initialize a TypeScript Object with a JSON-Object?
  3. Importing JSON file in TypeScript
  4. Load images based on dynamic path in ReactJs
  5. JSON to TypeScript class instance? [duplicate]
  6. How to import JSON File into a TypeScript file?
  7. How to get Date object from json Response in typescript
  8. Can’t send a post request when the ‘Content-Type’ is set to ‘application/json’
  9. How to parse a JSON object to a TypeScript Object
  10. tsconfig.json: Build:No inputs were found in config file
  11. How to create dynamic routes with react-router-dom?
  12. Angular: Typescript casting JSON response as object model not working
  13. Typescript `enum` from JSON string
  14. Go JSON Naming strategy about extends
  15. Posting a File and Associated Data to a RESTful WebService preferably as JSON
  16. How to escape double quotes in JSON
  17. How to parse/deserialize dynamic JSON
  18. With JSONDecoder in Swift 4, can missing keys use a default value instead of having to be optional properties?
  19. When to use JSX.Element vs ReactNode vs ReactElement?
  20. Using curl POST with variables defined in bash script functions
  21. Elasticsearch Bulk Index JSON Data
  22. Add JSON serializer to every model class?
  23. Can JSON numbers be quoted?
  24. jq: print key and value for each entry in an object
  25. How do I `jsonify` a list in Flask? [duplicate]
  26. How to parse nested JSON object in Delphi XE2?
  27. Which JSON content type do I use?
  28. json unmarshal time that isn’t in RFC 3339 format
  29. How to disable the selection of an item when the first letter of the option is pressed in the Select component?
  30. Can a JSON value contain a multiline string

Leave a Comment