Issue with TypeScript version 4.2.1 - The Array.some() method does not support a function that returns a boolean

I encountered a TypeScript error that goes as follows:

https://i.sstatic.net/RoGER.png

The complete error message reads:

Supplied parameters do not match any signature of call target: parameter type mismatch. > Parameter 'Predicate' should have type assignable to {(value: TrackedItem, index: number, array: TrackedItem[]): typeof unknown; }' but it has type {(x: TrackedItem): boolean; }'

Why do these seemingly compatible variants not align?

At this juncture, my inclination is towards speculating that the TypeScript typing being recognized is outdated or faulty. I observed that switching it to this configuration resolves the issue:

this.trackedItems().some((x => !x.isPutaway()) as any)
typescript

Answer №1

unknown type made its debut in Typescript 3.0. If your version of Typescript is below 3.0, this could be the issue causing the error.

The error message may vary slightly from what you expect. You might anticipate seeing: 

(value: TrackedItem, index: number, array: TrackedItem[]) => unknown
but instead receive 
(value: TrackedItem, index: number, array: TrackedItem[]): typeof unknown
. In your scenario, unknown is being used as a value when it should be used as a type.

This was tested on Typescript 4.3.2:

console.clear()

interface TrackedItem {
  item: number
}

const items: TrackedItem[] = [
  {
    item: 1
  },
  {
    item: 2
  }
]

const hasSome: boolean = items.some(x => x.item === 1)

console.log(hasSome) // prints true

// for:
//
// const hasSome: boolean = items.some((x: TrackedItem, y: string) => true)
//
// we get:
//
// Argument of type '(x: TrackedItem, y: string) => boolean' is not assignable to parameter of type '(value: TrackedItem, index: number, array: TrackedItem[]) => unknown'.
//   Types of parameters 'y' and 'index' are incompatible.
//     Type 'number' is not assignable to type 'string'.(2345)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

How can input be prevented on keydown within angular6?

Is there a way to disable the input field only when a keydown event occurs, without affecting other input fields? xyz.component.html <input type="text" (keydown)="disableInput($event)"> // <-- Disable if keydown <input type="text" (keydown) ...

javascripttypescriptangular6

Material 3 Web Components definitions for SolidJS

Struggling with integrating the official Material 3 Web Components into SolidJS. Visit this link for more information. The main hurdle has been encountering typescript errors despite being able to see the components on the page. In my index.tsx, I'v ...

typescriptweb-componentsolid-js

Rearrange the layout by dragging and dropping images to switch their places

I've been working on implementing a photo uploader that requires the order of photos to be maintained. In order to achieve this, I have attempted to incorporate a drag and drop feature to swap their positions. However, I am encountering an issue where ...

javascriptangulartypescriptdrag-and-dropangular-cdk

Namespace remains ambiguous following compilation

I'm currently developing a game engine in TypeScript, but I encountered an issue when compiling it to JavaScript. Surprisingly, the compilation process itself did not throw any errors. The problem arises in my main entry file (main.ts) with these ini ...

javascripttypescriptbrowserifytsify

Develop a custom class for importing pipes in Angular 4

Currently, I am working on creating a pipe that will replace specific keywords with the correct strings. To keep this pipe well-structured, I have decided to store my keywords and strings in another file. Below is the code snippet for reference: import { ...

javascriptangulartypescriptpipeangular5

Cannot assign a string literal type in TypeScript to a type parameter that is extending a string literal type

Here is some code snippet that exhibits a specific issue: type FooType = 'Bar'; abstract class Meow<T extends FooType> { baz: T = 'Bar'; } An error is triggered stating Type '"Bar"' is not assignable to type 'T ...

typescript

Is it possible to customize a VSCode extension to function exclusively with certain programming languages?

Lately, I added a new extension to my VSCode setup that has proven to be quite beneficial for my workflow. If you're interested, you can find this helpful extension at This Repository. It allows you to easily highlight the starting and ending syntax ...

ruby-on-railsrubytypescriptvisual-studio-code

NGRX refresh does not result in any successful actions

Having an issue with loading users into a mat-selection-list within a form. Everything works fine the first time, but upon page refresh, the selector returns 'undefined'. Initially, both GET_USERS and GET_USERS_SUCCESS are triggered (console log ...

angulartypescriptngrx

Bar chart in Highcharts vanishing following the update from version 10.2.1 to 10.3.1

I've been in the process of updating my highcharts to the latest version, but I've hit a roadblock. Specifically, I have a bar chart set up with the following configuration: { chart: { type: 'bar', ...

javascripttypescripthighchartsbar-chart

Exploring the process of importing and exporting modules in TypeScript with the help of systemjs

Is there a way to export a module using systemjs in TypeScript? I encountered the error: TS1148 cannot compile modules unless the '--module' flag is provided. Here's my code; animal.ts export class Animal { color: string; age: numb ...

typescriptsystemjs

typegrapql encounters an issue with experimentalDecorators

I'm currently delving into TypeGraphQL and working on building a basic resolver. My code snippet is as follows: @Resolver() class HelloReslover { @Query(() => String) async hello(){ return "hello wtold" } } However, ...

node.jstypescriptgraphqltypegraphql

Error with React, key must be unique. What's the issue?

What is causing the issue with unique keys? To resolve the problem, ensure that each list item has a unique key. For example, if we have x_values = {'male':[1,2,3], 'female':[2,3,4]} the keys should be : 'mean-male', ' ...

reactjstypescriptmaterial-uivite

Steps for integrating Cordova-vk plugin into an Ionic 3 project

I am looking to incorporate the cordova-vk plugin into my app, but I am having trouble connecting it to Typescript. vkSdk is not defined I understand that the plugin is located in the node_modules folder. How can I successfully integrate it into my page ...

cordovatypescriptionic2ionic3cordova-plugins

Set the mat-option as active by marking it with a check symbol

Currently, I am utilizing mat-autocomplete. Whenever a selection is made manually from the dropdown options, the chosen item is displayed with a distinct background color and has a checkmark on the right side. However, when an option in the dropdown is se ...

angulartypescriptangular-materialmat-autocompletemat-option

Steps for creating a click event for text within an Ag-Grid cell

Is there a way to open a component when the user clicks on the text of a specific cell, like the Name column in this case? I've tried various Ag-Grid methods but couldn't find any that allow for a cell text click event. I know there is a method f ...

angulartypescriptag-grid

Incorrect date generated by Moment.js from Unix timestamp

Is there a way to store unixtime as a Moment.moment state? Using moment(timestamp) seems to provide a different date. const [date, setDate] = useState<moment.Moment | null>(null); const timestamp = Math.floor(date.getTime() / 1000); setDate(m ...

reactjstypescript

Expressions without a call signature cannot be invoked

When using an adapter in the given example, I encountered a type error specifically on the last line of the getGloryOfAnimal method. Despite having clearly defined types, I am puzzled by this issue. interface ICheetah { pace: string; } interface ILio ...

typescripttypescript2.0

Typescript: Transforming generic types into concrete types

I am utilizing a Generic type type GenericType = { [key: string]: { prop1: string, prop2?: string, prop3?: number, }, }; The purpose of the Generic type is to assist in constructing / validating a new object that I have created. const NewO ...

typescript

Prevent methods from being called in a Typescript class after they have already

I encountered a scenario where I need to exclude certain methods from the return type of a class method once they have been called. Consider a class named Setup with methods step1, step2, and step3. class Setup { step1() { return this; } ...

javascripttypescripttypescript-typingsecmascript-next

What is the process for applying cdkDropList to the tbody when using mat-table instead of a traditional HTML table?

I have been experimenting with the mat-table component in my Angular project, following a simple example from the documentation: <table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> <!--- These columns can be ...

htmlangulartypescriptmat-tableangular-cdk-drag-drop