docs: Small adjustments on guides

jpedroschmitz · jpedroschmitz · commit 68eb754e965f · 2021-01-13T10:22:39.000-03:00
diff --git a/docs/src/docs/examples/checkbox.mdx b/docs/src/docs/examples/checkbox.mdx
@@ -72,7 +72,7 @@ export default CheckboxInput;
 
 ## Usage example
 
-```jsx lineNumbers=true
+```tsx lineNumbers=true
 import React, { useRef } from 'react';
 import { FormHandles } from '@unform/core';
 import { Form } from '@unform/web';
diff --git a/docs/src/docs/recipes/typescript.mdx b/docs/src/docs/recipes/typescript.mdx
@@ -23,12 +23,12 @@ import Input from './components/Input';
 interface FormData {
   name: string;
   email: string;
-};
+}
 
 const MyForm: React.FC = () => {
   const formRef = useRef<FormHandles>(null);
 
-  const handleSubmit: SubmitHandler<FormData> = (data) => {
+  const handleSubmit: SubmitHandler<FormData> = data => {
     console.log(formRef);
   };
 
@@ -37,7 +37,7 @@ const MyForm: React.FC = () => {
       <Input name="name" />
       <Input name="email" />
     </Form>
-  )
+  );
 };
 
 export default MyForm;
@@ -47,17 +47,15 @@ export default MyForm;
 
 When creating a simple HTML input or any other HTML element used for input source, remember to always extend the element props. In web you can always use the `JSX.IntrinsicElements['element']` to get the props adapted to JSX.
 
-<blockquote>
-<p>In React Native you can import default component props directly from `react-native` package, for example:</p>
+In React Native you can import default component props directly from `react-native` package, for example:
 
 ```jsx
-import { TextInputProps } from 'react-native'`
+import { TextInputProps } from 'react-native';
 ```
-</blockquote>
 
 Also, in web (ReactJS) remember to reference the global element inside `useRef` hook and **always** set the default value to `null`.
 
-```jsx lineNumbers=true
+```jsx lineNumbers
 import React, { useEffect, useRef } from 'react';
 import { useField } from '@unform/core';
 
