MGustav0

REACT-NATIVE PROJECTS RUN IN WSL2 UBUNTU 22.04 WITH BACKEND API

📆 Article written day: 9/03/2020 📆 Article updated day: 6/18/2022

My System Specs:

• Microsoft Windows 10 Enterprise Version 21H2 (OS Build 19044.1766)
• WSL2 - Ubuntu 22.04 LTS
• Android Studio Version: Chipmunk 2021.2.1 Patch 1

MGustav0

import React, { InputHTMLAttributes, useEffect, useRef } from 'react';
import { useField } from '@unform/core';
import Autocomplete from '@material-ui/lab/Autocomplete';

import { Container, StyledTextField } from './styles';

interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
  name: string;
}

MGustav0

import React, {
  InputHTMLAttributes,
  useCallback,
  useEffect,
  useRef,
  useState,
} from 'react';
import { useField } from '@unform/core';

import { AutoComplete, VariationStyle, Mask } from './types';

MGustav0

import React, { RefObject, useEffect, useState } from 'react';

import { FormHandles } from '@unform/core';
import Layout from '../../components/Layout';
import ProgressBar from '../../components/ProgressBar';
import DeliveryForm from '../../components/Forms/DeliveryForm';
import Footer from '../../components/Footer';

import { useStepForm } from '../../hooks/StepForm';
import { Steps } from '../../hooks/types';

MGustav0

import React, { RefObject, useMemo, useState } from 'react';

import { FormHandles } from '@unform/core';
import CancellationModal from '../CancellationModal';
import Button from '../Button';

import { useStepForm } from '../../hooks/StepForm';
import { Steps } from '../../hooks/types';

import { Container, GroupButton, ButtonLink } from './styles';

MGustav0

import React, {
  RefObject,
  useCallback,
  useEffect,
  useRef,
  useState,
} from 'react';
import { FormHandles, Scope } from '@unform/core';
import { Form } from '@unform/web';
import LocalShippingOutlinedIcon from '@material-ui/icons/LocalShippingOutlined';

MGustav0

import React, { useCallback, useRef } from 'react';
import { Form } from '@unform/web';
import LocalShippingOutlinedIcon from '@material-ui/icons/LocalShippingOutlined';

import TextField from '../TextField';
import { Mask } from '../TextField/types';
import Autocomplete from '../Autocomplete';
import SimpleSelect from '../SimpleSelect';

import {