How to get value of a component to another component

I am creating a Project where I need to get value of a component state value to another component.

How can I get the value?

Information

1. Both are functional component.
2. I need to send data from A (state) to B(state).
3. A state data are set from react dropdown menu.Which is a button.
4. I don’t use Link or Route to A dropdown that’s why I can’t get it with useParams()
5. I need to set value in B component which will fetch data with passing language.
6. I have import all needed things & don’t have any warnings & error.

Code of component A

1. Send value from this language state to B

const A = () => {
    const [language, setLanguage] = useState('en');
    
    return (
        <Navbar expand="xl" bg='light' expand={false}>
            <Container>
                <DropdownButton id="dropdown-basic-button" title={<MdOutlineLanguage />}>
                    <Dropdown.Item as="button" onClick={() => setLanguage('en')}>English</Dropdown.Item>
                    <Dropdown.Item as="button" onClick={() => setLanguage('ar')}>العربية</Dropdown.Item>
                    <Dropdown.Item as="button" onClick={() => setLanguage('bn')}>বাংলা</Dropdown.Item>
                </DropdownButton>
            </Container>
        </Navbar>
    )
};

export default A

Code of Component B

1. I need to get here A state value & set it to B state. Then pass to useGetDataQuery & fetch data.

const B = () => {
    let [language, setLanguage] = useState('en')
    const { data } = useGetDataQuery({language })
    
    return (
        <>
            
        </>
    )
}
export default B