Trans: Support for defaultProps will be removed from function components in a future major release

[l-you]

There is warning in console when using Trans component from @lingui/macro

Warning: Trans: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

Im using NextJs 13 and "@lingui/macro": "^4.0.0-next.1",

[andrii-bodnar]

It's strange, I can't find such a message in the codebase 🤔

Could you please provide more details on how to reproduce this?

[timofei-iatsenko]

Probable some ancient lingui-babel-preset from v2 is used. @rusted-love could you show your babel config (if applicable)

[l-you]

@thekip Here is my complete config
.swcrc

{
  "$schema": "https://json.schemastore.org/swcrc",
  "jsc": {
    "experimental": {
      "plugins": [
        [
          "@lingui/swc-plugin",
          {
            // Optional
            // Unlike the JS version this option must be passed as object only.
            // Docs https://lingui.dev/ref/conf#runtimeconfigmodule
            // "runtimeModules": {
            //   "i18n": ["@lingui/core", "i18n"],
            //   "trans": ["@lingui/react", "Trans"]
            // }
          },
        ],
      ],
    },
  },
}

lingui.config.js

// use nextjs config as single source of truth for defining locales
const nextConfig = require('./next.config')

/** @type {import('@lingui/conf').LinguiConfig} */
module.exports = {
	locales: nextConfig.i18n.locales,
	sourceLocale: nextConfig.i18n.defaultLocale,
	// this is crucial to make `lingui extract` work in nextjs with swc compiler
	extractBabelOptions: {
		presets: ['@babel/preset-typescript', '@babel/preset-react'],
	},
	compileNamespace: 'ts',
	catalogs: [
		{
			path: '<rootDir>/locales/{locale}/messages',
			include: ['<rootDir>/src'],
			exclude: ['**/node_modules/**'],
		},
	],
	format: 'po',
}

[timofei-iatsenko]

Trans: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

It seems it's a warning from React, not from Lingui. Could you show version of react and snippet of code which produces this warning?

[timofei-iatsenko]

Problem is here. Looks like it's fresh warning from React.

@andrii-bodnar could you rename the issue to have more descriptive name.

[timofei-iatsenko]

Related:
RFC: https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md#deprecate-defaultprops-on-function-components
PR on React with this change: facebook/react#25699