typescript error is not allowed as a variable declaration name.ts

Question

I am using next.js , react, and typescript.
When I use switch as a variable name, I get a typescript error.
How can I avoid the error?

'switch' is not allowed as a variable declaration name.ts(1389)

const Template: Story = (args: AtomSwitchProps) => <Switch {...args} />;

export const switch = Template.bind({});
switch.args = {
};

The error message seems pretty clear - that name is not allowed, so you have to use a different name. — kaya3
– kaya3, Commented Apr 2, 2021 at 6:13

frandroid · Accepted Answer · 2023-03-23 02:16:42Z

4

You can't use a keyword as an identifier in your JavaScript programs. Switch is a Reserved keyword. Reserved keywords are used to perform internal operations. Here's a list of keywords of JavaScript.

edited Mar 23, 2023 at 2:16

frandroid

1,40717 silver badges29 bronze badges

answered Apr 2, 2021 at 6:56

Deepak

2,7522 gold badges13 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

aahhuhuhu Over a year ago

Is there any way to avoid it?

Roberto Zvjerković Over a year ago

Yeah, by changing the name of the variable

Timtim Over a year ago

Link is broken, there's a new one: w3schools.com/js/js_reserved.asp

Lydon Over a year ago

For my use-case, I found a trick to use "default" as a string during the return, instead of returning the const: Original code that returned an error: const default = null; return { default }; Returning a string directly works: return { "default": null };

Collectives™ on Stack Overflow

typescript error is not allowed as a variable declaration name.ts

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related