Use variable from one page in all pages in react js without click

See more:

Javascript

ReactJS

Example->
Page 1->

<pre lang="Javascript"><pre>import React from "react";

class Token extends React.Component {

	state = {
		token: [],
		DataisLoaded: false
	};

	componentDidMount() {
	 
	fetch("{api}", {
				method: 'POST',
				headers: {  
					'Content-Type' : 'application/json',
					'Authorization' : 'Basic '
				}
			  })
			.then((res) => res.json())
			.then((json) => {
				this.setState({
					token: json,
					DataisLoaded: true
				});
			})
			
	}
	render() {
		<big>let varToken = this.state.token.access_token</big>

		return (
			<>
			</>
		)
}

}

export default Token;

Page->
now how to get the value of varToken in another page/component in react js or if I want the value of the state

{this.state.token.access_token}

What I have tried:

Tried importing the page 1 in 2nd page but not getting the value of let