En algún momento, mi VS Code comenzó a importar ganchos de reacción desde react/cjs/react.production.min , no desde react .
Esto me molesta porque solo causa errores cuando estoy desarrollando en mi localhost: 3000 incluso con ganchos simples como useState , useEffect , etc. ¿Hay alguna manera de configurar VS Code para importar materiales de React desde 'react'? Estoy cansado de corregir manualmente las declaraciones de importación.
La primera imagen es la página de error que aparece en Next JS, y la segunda imagen muestra cómo VS Code importa automáticamente useState desde Minified React. La línea de arriba es la que arreglé manualmente. 
tal vez puedas intentar instalar la importación automática
https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
o simplemente reinstale su vscode, quizás la forma más rápida de resolverlo
Seguir la respuesta de Rivers "Importación automática - ES6, TS, JSX, TSX" funcionó para mí ya que no uso Typescript.
https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import