Интересная ситуация, если использовать хук таким образом:
import React from 'react';
import './styles.css';
import { useState } from 'react';
задача не защитывается.
А если сделать вот так:
import React, { useState } from 'react';
import './styles.css';
то защитывается. Рабочие оба варианта.