Lambdas are forbidden in JSX attributes due to their rendering performance impact

i got “Lambdas are forbidden in JSX attributes due to their rendering performance impact”

but in my tsconfig.json, i already added “jsx-no-lambda”: false

{
	"compilerOptions": {
		"baseUrl": ".",
		"outDir": "build/dist",
		"module": "esnext",
		"target": "es5",
		"lib": ["es6", "dom"],
		"sourceMap": true,
		"allowJs": true,
		"jsx": "react",
		"moduleResolution": "node",
		"rootDir": "src",
		"forceConsistentCasingInFileNames": true,
		"noImplicitReturns": true,
		"noImplicitThis": true,
		"noImplicitAny": true,
		"strictNullChecks": true,
		"suppressImplicitAnyIndexErrors": true,
		"noUnusedLocals": true
	},
	"rules": {
		"jsx-no-lambda": false
	},
	"exclude": [
		"node_modules",
		"build",
		"scripts",
		"acceptance-tests",
		"webpack",
		"jest",
		"src/setupTests.ts"
	]
}

please help

[gaearon]

There’s nothing technically wrong with using lambdas in JSX.

There are some cases where it matters but I suggest fixing them on case-by-case basis.

The issue usually has nothing to do with function being created on render. It’s about PureComponents below not being able to use a shallow comparison (because the function prop is always new).

[kimhjona]

@peterremote1980 This is something I ran into recently. You’ll need to recompile your project to see those updates (npm start or yarn start again)