component css in next won't work code example

Example: placeholder text disappear when click in react

placeholder="Search..."
              onFocus={(e) => e.target.placeholder = ''}
              onBlur={(e) => e.target.placeholder = 'Search...'}