Solution

[Oleh0293]

DEMO LINK

[polosanya]

Almost perfect!

[polosanya]

Suggested change

	const { name,
	age,
	sex,
	isMarried,
	partnerName } = person;
	const {
	name,
	age,
	sex,
	isMarried,
	partnerName,
	} = person;

[polosanya]

Suggested change

	const partnerDesignation = sex === 'm'
	const partner = sex === 'm'

You can simplify the variable's name

[polosanya]

It's not critical, but you could check if the age is a positive number

[polosanya]

Suggested change

	<h2 className="Person__name">{`My name is ${name}`}</h2>
	{person.age && (<p className="Person__age">{`I am ${age}`}</p>)}
	<h2 className="Person__name">
	{`My name is ${name}`}
	</h2>
	{person.age && (
	<p className="Person__age">
	{`I am ${age}`}
	</p>
	)}

Such formatting will make your code easier to read

[tiserett]

why use person.age here? just use age ;)

btw, I guess if age is gonna be 0 it's not gonna work correctly, I mean age 0 is not correctly itself, but react will probably just render '0' on the page, so we have to convert it to boolean to make sure it works just fine, we can achieve it by using !! or Boolean