How to fix 'CameraPreview' is missing in type in Ionic?

I wanna build a Ionic camera preview app, and I installed @capacitor-community/camera-preview. I have declared the CameraPreview as Plugin in the HomePage.ts:

import { Component } from '@angular/core';
import { PluginRegistry, Plugins } from '@capacitor/core';
// eslint-disable-next-line @typescript-eslint/naming-convention
const {CameraPreview} = Plugins;
import {CameraPreviewOptions, CameraPreviewPictureOptions} from '@capacitor-community/camera-preview';
import '@capacitor-community/camera-preview';

Each time I run the ionic serve to deploy the app, I get this error:

Error: node_modules/@capacitor-community/camera-preview/node_modules/@capacitor/core/types/definitions-internal.d.ts:16:18 - error TS2430: Interface 'CapacitorInstance' incorrectly extends interface 'CapacitorGlobal'.
  Types of property 'Plugins' are incompatible.
    Property 'CameraPreview' is missing in type '{ [pluginName: string]: { [prop: string]: any; }; }' but required in type 'PluginRegistry'.

16 export interface CapacitorInstance extends CapacitorGlobal {
                    ~~~~~~~~~~~~~~~~~

  node_modules/@capacitor-community/camera-preview/dist/esm/definitions.d.ts:3:9
    3         CameraPreview: CameraPreviewPlugin;
              ~~~~~~~~~~~~~
    'CameraPreview' is declared here.

I tried installing capacitor 3 but still not working