Никита Геннадич

import { spawn } from 'child_process';

export const executeSingleCommand = (command: string, args: string[] = []): Promise<string> => {
  return new Promise((resolve, reject) => {
    const childProcess = spawn(command, args);
    let stdoutData = '';
    let stderrData = '';

    childProcess.stdout.on('data', data => {
      stdoutData += data.toString();
    });

    childProcess.stderr.on('data', data => {
      stderrData += data.toString();
    });

    childProcess.on('close', code => {
      if (code !== 0) {
        reject(new Error(`executeSingleCommand failed with code ${code}: ${stderrData}`));
      } else {
        resolve(stdoutData.trim());

.block {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-size: 30%;
  background-position: top right;
  z-index: 0;
}

import { useNavigate } from 'react-router-dom'
...
const navigate = useNavigate()
useEffect(() => {
 navigate('/new-page', {state: { from: 'old-page' }})
}, [])

import { useLocation } from 'react-router-dom'
...
const { state: locationState } = useLocation() // Естессна, как и всех хуки это всё внутри компонента
console.log(locationState ?.from)

.content {
  height: 100vh;
}
.map {
  max-height: 100vh;
  background-color: #eee;
}
.map-inner {
  margin-top: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  background-color: #23fe12;
}

<div class="container">
	<div class="row">
    <div class="map"></div>
		<div class="col">
			<div class="content">content</div>
		</div>
	</div>
</div>

.container {
  max-width: 400px;
  margin: 0 auto;
}
.row {
  display: flex;
}
.col {
  flex: 1 1 60%;
  border: 1px solid #aaa;
}
.content {
  height: 1000px;
}
.map {
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  background-color: #eee;
}

mix-blend-mode