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