Using TypeScript without specifying a specific argument in the any type

Question

Using TypeScript without specifying a specific argument in the any type

My function accesses local/session storage, but there is a condition that it can only be called if the window is defined.

This function takes a generic args argument which I simplified to have a type of any[].

While using the useSessionStorage function, I encountered a TypeScript error:

The 'key' argument was not provided.

What's the best way to resolve this issue?

export const useStorage = ( storage: any, key: string, initialValue: any, options = {} ) => {
  const { deleteKeyIfValueIs = null } = options as any
...
export const useSessionStorage = ( ...args: any[] ) => 
  useStorage( typeof window !== `undefined` && sessionStorage, ...args ) // <- Error here

typescript

Answer 1

Answer №1

In order to make the function useStorage more type-safe, it is recommended to change the arguments from using any[] to [string, any, object?]. This ensures that the correct number and types of arguments are being passed into the function.

// Change
(...args: any[])
// Into
(...args: [string, any, object?])

Playground

Answer 2

In order to make the function useStorage more type-safe, it is recommended to change the arguments from using any[] to [string, any, object?]. This ensures that the correct number and types of arguments are being passed into the function.

// Change
(...args: any[])
// Into
(...args: [string, any, object?])

Playground

Answer 3

Answer №2

If you're looking to make a choice between two solutions, here are your options:

// Ensure typescript compiles the arguments as a tuple
useStorage(typeof window !== `undefined` && sessionStorage, ...(args as [string, any, any])); 

// Alternatively, utilize a Tail generic
type Tail<F extends (...args: any[]) => any> = Parameters<F> extends [any, ...infer T] ? T : unknown;
useStorage(typeof window !== `undefined` && sessionStorage, ...(args as Tail<typeof useStorage>))

Answer 4

If you're looking to make a choice between two solutions, here are your options:

// Ensure typescript compiles the arguments as a tuple
useStorage(typeof window !== `undefined` && sessionStorage, ...(args as [string, any, any])); 

// Alternatively, utilize a Tail generic
type Tail<F extends (...args: any[]) => any> = Parameters<F> extends [any, ...infer T] ? T : unknown;
useStorage(typeof window !== `undefined` && sessionStorage, ...(args as Tail<typeof useStorage>))

Answer 5

Answer №3

One issue at hand is that the args array can vary in length, making it uncertain if a key value will be present. To prevent this potential error, one solution could involve designating the key argument (and any subsequent elements) as optional parameters or assigning default values with appropriate error handling procedures. However, what remains unaddressed is the scenario where the provided key argument is not actually a string, given that the args array accepts any data type.

Answer 6

One issue at hand is that the args array can vary in length, making it uncertain if a key value will be present. To prevent this potential error, one solution could involve designating the key argument (and any subsequent elements) as optional parameters or assigning default values with appropriate error handling procedures. However, what remains unaddressed is the scenario where the provided key argument is not actually a string, given that the args array accepts any data type.

Using TypeScript without specifying a specific argument in the any type

Answer №1

Answer №2

Answer №3

Similar questions

Is it possible to convert several XLIFF files of different languages into JSON files using Angular?

Leveraging the Map function with Arrays in TypeScript

Loading game resources in advance for future or immediate utilization

Declare, condition, and output all in a single statement

Ways to RESOLVE implicit any for accessing array property

Error: Unexpected character < in node_modules/angular2/ts/package.json syntax

NGC Error: Unable to locate the type definition file for 'rx/rx.all' - Please fix this issue

A Fresh Approach for Generating Unique UUIDs without Bitwise Operators

Can metadata be attached to data models in Angular for annotation purposes?

The i18next module encounters compilation issues when used in a React application with Typescript

Create a Typescript type extension specifically designed for objects with nested arrays of objects

What is the method for incorporating a variable into a fragment when combining schemas using Apollo GraphQL?

Tips for sending data to CSS in Angular

Error in pagination when using MAX() function in PostgreSQL query

TypeScript encounters a problem when attempting to concatenate arrays with different signature overloads

Angular 2 form with ng2-bootstrap modal component reset functionality

What sets apart TypeScript's indexed types from function signatures?

Using the useEffect hook with Redux-Toolkit dispatch causes an endless cycle of execution

Displaying a disabled div depending on the dropdown selection in Angular Material

Changing properties of a parent component from a child component in Angular 2