RocketReact

"use client";
import { useState, useEffect, useRef } from "react";
import css from "./ChildStatusSelect.module.css";
import { useAuthStore } from "@/lib/store/authStore";

interface ChildStatusSelectProps {
  action?: (formData: FormData) => Promise<void>;
  initialValue?: string; // значение с сервера
}

RocketReact

"use client";
import { useState, useEffect } from "react";
import css from "./ChildStatusSelect.module.css";
import { useAuthStore } from "@/lib/store/authStore";

interface ChildStatusSelectProps {
  action?: (formData: FormData) => Promise<void>;
}

export default function ChildStatusSelect({ action }: ChildStatusSelectProps) {

RocketReact

import styles from "./SearchBar.module.css";
import { toast } from "react-hot-toast";

interface SearchBarProps {
  onSearch: (value: string) => void;
}

export default function SearchBar({ onSearch }: SearchBarProps) {
 function onHandleSearch  (formData: FormData)  {
    const querySearch = formData.get("query") as string;

RocketReact

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  base: '/my-react-practice/', //your repository path
  build: {
    sourcemap: true,
  },

RocketReact

name: Deploy to GitHub Pages

on:
  push:
    branches: [ main ] # или master, если используете master ветку
  pull_request:
    branches: [ main ]

# Права для деплоя на GitHub Pages
permissions:

RocketReact

{
  "semi": true,
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "bracketSpacing": true,
  "bracketSameLine": false,
  "arrowParens": "avoid",