the thing is called a provider now

components/book/index.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react'
 import Contact from './contact'
-import BookStore, { BookContext } from '../../context/book'
+import BookProvider, { BookContext } from '../../context/book'
 import DateSelect from './dateSelect'
 import Reason from './reason'
 
@@ -43,8 +43,8 @@ function BookForm() {
 
 export default function Book() {
   return (
-    <BookStore>
+    <BookProvider>
       <BookForm />
-    </BookStore>
+    </BookProvider>
   )
 }