Implement compatibility with SSR (GH-15)

Author: ArtyomVancyan

src/base/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, forwardRef, KeyboardEvent, useCallback, useEffect, useRef, useState} from "react";
 import {Input as BaseInput, InputProps} from "@mui/base/Input";
 

src/base/styles.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {injectStyles, jsonToCss} from "react-phone-hooks/styles";
 import commonStyles from "react-phone-hooks/stylesheet.json";
 

src/base/types.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, KeyboardEvent} from "react";
 import types from "react-phone-hooks/types";
 import {InputProps} from "@mui/base/Input";

src/core/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, forwardRef, KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState} from "react";
 import {InputAdornment, MenuItem, Select, TextField} from "@material-ui/core";
 

src/core/styles.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {injectStyles, jsonToCss} from "react-phone-hooks/styles";
 import commonStyles from "react-phone-hooks/stylesheet.json";
 

src/core/types.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, KeyboardEvent} from "react";
 import types from "react-phone-hooks/types";
 import {TextFieldProps} from "@material-ui/core/TextField";

src/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, forwardRef, KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState} from "react";
 import {InputAdornment, MenuItem, Select, TextField} from "@mui/material";
 

src/joy/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, forwardRef, KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState} from "react";
 import {Input, Option, Select} from "@mui/joy";
 

src/joy/styles.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {injectStyles, jsonToCss} from "react-phone-hooks/styles";
 import commonStyles from "react-phone-hooks/stylesheet.json";
 

src/joy/types.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, KeyboardEvent} from "react";
 import types from "react-phone-hooks/types";
 import {InputProps} from "@mui/joy";

src/styles.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {injectStyles, jsonToCss} from "react-phone-hooks/styles";
 import commonStyles from "react-phone-hooks/stylesheet.json";
 

src/types.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import {ChangeEvent, KeyboardEvent} from "react";
 import types from "react-phone-hooks/types";
 import {TextFieldProps} from "@mui/material/TextField";

tsconfig.json

@@ -3,9 +3,11 @@
     "noImplicitAny": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
+    "noImplicitUseStrict": true,
     "strictNullChecks": true,
     "module": "esnext",
     "moduleResolution": "node",
+    "ignoreDeprecations": "5.0",
     "resolveJsonModule": true,
     "outDir": ".",
     "esModuleInterop": true,