I am trying to figure out how to get eslint, prettier, react and typescript to all work together. I have gone through a number of tutorials as well as the documentation for various different eslint configuration packages and plugins. So far, this is what I have come up with:

  extends: [
    'airbnb',
    'airbnb/hooks',
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended',
    'prettier',
  ],
  plugins: ['@typescript-eslint'],

However, I do not know if I am doing this properly. Do I need both 'plugin:prettier/recommended' and 'prettier' or do I just need prettier?