import { Link, useParams } from 'react-router-dom' const ChannelSingle = (props) => { const { roomId, channelId } = useParams() console.log('props', props.channel) console.log('hi', channelId) return (
{props.channel.map((el) => (
{el.channelName === channelId ? ( ) : ( )}
{el.channelName}
{el.joinName && el.joinName.map((e) => (
  • {e}

))}
))}
) } export default ChannelSingle