Module not found: can't resolve 'firebase/storage' in next.js

See more:

next.js

i want to implement firebase in the next.js file
but i keep getting the error module not found
(i already use yarn add firebase)

What I have tried:

file where i want to implement firebase

import { useSession } from 'next-auth/client';
import { EmojiHappyIcon } from "@heroicons/react/outline";
import { CameraIcon,VideoCameraIcon } from "@heroicons/react/solid";
import{  useRef } from "react";
import { db } from "../../firebase";
import firebase from "../../firebase";
function InputBox() {
    const [session]=useSession();
    const inputRef=useRef(null);

    const sendPost = (e) => {
      e.preventDefault();


    if(!inputRef.current.value) return;

    db.collection('posts').add({
        message: inputRef.current.value,
        name: session.user.name,
        email: session.user.email,
        image: session.user.image,
        timestamp: firebase.firestore.FieldValue.serverTimestamp()
      })

      inputRef.current.value="";
    };

firebase file

import firebase from "./firebase";
import "firebase/storage";
const app = !firebase.apps.length ? firebase.initializeApp(firebaseConfig) : firebase.app() ;
const db = app.firestore();
const storage= firebase.storage();

export { db, storage };