I am trying to create a bottom sheet for my react project using Swipe able Bottom but I am stuck and confuse since I am new to react

here In my home component I have my sheet title stated down which I exported and I am using Swipe able Bottom Sheet to create a bottom sheet

import React from 'react'
import BottomSheet from '../components/Bottom Sheet';


 const HOME = () => {
  return (
    <div>
        <BottomSheet
         sheet Title="start room"
        />

    </div>
  )
}

export default HOME 

Importing it in this component, I am trying to set my full Screen by using my props to get access to sheet title and set a conditional of true or false statement like this

import React from 'react'
import SwipeableBottomSheet from "react-swipeable-bottom-sheet"

const BottomSheet = (props) => {
  return (
    <div> 

        <SwipeableBottomSheet
               FullScreen={props.sheetTitle == 'room detail' ? true : false}>

            </SwipeableBottomSheet> 

         </div>
  )
}
export default BottomSheet

This is the error that I am getting TypeError: Cannot assign to read only property 'name' of object '#object