TS2739: Type is missing the following properties from type

TypeScript Version: 3.3.0-dev.201xxxxx

Search Terms:

Code

export const sp = '_@_';

export interface IWordsOutput
{
	_source?: any,

	s?: RegExp,
	r?: string | IRegExpCallback,

	flags?: string,
}

export interface IRegExpCallback
{
	($0: string, $1?: string, $2?: string, $3?: string, ...argv): string;
}

export interface IWords extends IWordsOutput
{
	[0]: string | RegExp,
	[1]: string | IRegExpCallback,
	[2]?: string,
}

export const words_source: IWords[] = [

	// this is work
	['HP', 'HP'],

	// Error:TS2739: Type 'string[]' is missing the following properties from type 'IWords': [0], [1]
	(function ()
	{
		let jobclass = '(?:A|B|C)';

		return [`${jobclass}${sp}${jobclass}`, '$1・$2'];
	})(),

];

Expected behavior:

no error

Actual behavior:

Error:TS2739: Type ‘string[]’ is missing the following properties from type ‘IWords’: [0], [1]

Playground Link:

Related Issues:

[prakarangs]

Hi, I have the same error but slightly different scenario. I have a functional component wrapped with a redux connect function. Some props are provided via mapStateToProps. However, When calling a component without adding all the props gives me TS2739 error.

Sample code

button.tsx

export interface Props {
  canPost: boolean;
  postMethod: (name: string) => void;
  name: string;
}

const postButton = ({ canPost, postMethod, name }) => {
  const postSomething = () => {
    canPost && postMethod(name);
  };
  return <button  onClick={postSomething}>Do somthing</button>;
}

export default postButton;

canPost and postMethod are provided via connect function as follow:

index.ts

import { connect } from 'react-redux';
import postButton from  './button';
import { postMethod } from './store/actions';

export const mapStateToProps = (state) => {
  const { canPost } = state;
  return { canPost };
};
export const mapDispatchToProps = { postMethod };

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(postButton);

Then when i call the button component somewhere else, i only want to pass in the name as prop. Not anything else, however, i received TS2739: Type is missing the following properties from type for canPost and postMethod.

otherComponent.tsx

...in return function
 <postButton name="orders" />

For now i have to type canPost and postMethod as undefined. that will fixed the issue. But it is not actually undefined. Anyone could suggest me how to handle this properly? What’s the best approach?

Many thanks in advance 😃

[iamtomhanks]

Hi, I have the same error but slightly different scenario. I have a functional component wrapped with a redux connect function. Some props are provided via mapStateToProps. However, When calling a component without adding all the props gives me TS2739 error.

Sample code

button.tsx

export interface Props {
  canPost: boolean;
  postMethod: (name: string) => void;
  name: string;
}

const postButton = ({ canPost, postMethod, name }) => {
  const postSomething = () => {
    canPost && postMethod(name);
  };
  return <button  onClick={postSomething}>Do somthing</button>;
}

export default postButton;

canPost and postMethod are provided via connect function as follow:

index.ts

import { connect } from 'react-redux';
import postButton from  './button';
import { postMethod } from './store/actions';

export const mapStateToProps = (state) => {
  const { canPost } = state;
  return { canPost };
};
export const mapDispatchToProps = { postMethod };

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(postButton);

Then when i call the button component somewhere else, i only want to pass in the name as prop. Not anything else, however, i received TS2739: Type is missing the following properties from type for canPost and postMethod.

otherComponent.tsx

...in return function
 <postButton name="orders" />

For now i have to type canPost and postMethod as undefined. that will fixed the issue. But it is not actually undefined. Anyone could suggest me how to handle this properly? What’s the best approach? Did you end up fixing this issue?